.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0
}

html,
body {
  scroll-behavior: smooth
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

html {
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none
}

body {
  width: 100%;
  overflow-x: hidden;
  font-size: 12px;
  font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial;
  color: #657180;
  line-height: 1.5
}

.preview_frame {
  width: 100%;
  overflow-x: hidden
}

ol,
ul,
li {
  list-style: none
}

fieldset,
img {
  border: 0
}

a {
  color: #39f;
  outline: none
}

a:hover {
  color: #d90000
}

del,
ins,
a {
  text-decoration: none
}

i {
  font-style: normal
}

input,
button,
textarea,
select {
  outline: none
}

textarea {
  resize: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

.clearfl {
  clear: both
}

.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
  content: ' '
}

.clearfix {
  clear: both;
  *display: table;
  *zoom: 1
}

.fl {
  float: left
}

.fr {
  float: right
}

.none {
  display: none
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-break: break-all;
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: normal
}

.body-modal-open {
  position: fixed
}

.ani-btn-loading {
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: icon-loading-rotate 0.5s infinite linear;
  animation: icon-loading-rotate 0.5s infinite linear
}

@-webkit-keyframes icon-loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes icon-loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.mb_body_view {
  overflow: hidden
}

.ue-table-interlace-color-double {
  background-color: #f7faff
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #d7d7d7
}

::-webkit-scrollbar-track {
  background: #f2f2f2
}

.pc_pattern .layrow {
  width: 100%;
  position: relative
}

.pc_pattern .layrow .laybox {
  width: 100%;
  padding: 0 10%;
  margin-left: auto;
  margin-right: auto
}

.full_screen_banner_first_img {
  max-height: 100%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_1] {
  width: 8.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_2] {
  width: 16.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_3] {
  width: 25%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_4] {
  width: 33.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_5] {
  width: 41.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_6] {
  width: 50%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_7] {
  width: 58.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_8] {
  width: 66.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_9] {
  width: 75%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_10] {
  width: 83.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_11] {
  width: 91.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_12] {
  width: 100%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_0] {
  width: 0
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_1] {
  width: 100%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_2] {
  width: 50%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_3] {
  width: 75%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_4] {
  width: 25%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_5] {
  width: 33.33%
}

.layrow .laybox {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.mb_pattern .layrow .laybox {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.full_screen_banner .full_screen_banner_swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.full_screen_banner .padding_bottom_swiper_frame {
  width: 100%
}

.full_screen_banner .full_screen_banner_swiper .swiper-slide {
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.full_screen_banner .full_screen_banner_swiper .layout_column {
  min-height: 0;
  width: 100% !important;
  height: 100%
}

.full_screen_banner .laybox {
  padding: 0 !important
}

.full_screen_banner .banner_frame {
  position: relative;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto
}

.full_screen_banner .first_img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  width: 100%
}

.banner_short_line_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  z-index: 4;
  text-align: center;
  pointer-events: none
}

.banner_short_line_wrap .pic_short_line_btn {
  pointer-events: auto;
  position: relative;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer
}

.banner_short_line_wrap .pic_short_line_btn .pic_short_line {
  width: 13px;
  height: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: rgba(229, 229, 229, 0.4);
  border-radius: 4px
}

.banner_short_line_wrap .pic_short_line_btn_activity {
  width: 26px;
  background-color: #e5e5e5;
  border-radius: 10px
}

.banner_short_line_wrap .pic_short_line_btn .pic_short_line:hover {
  width: 26px;
  background-color: #e5e5e5
}

.full_screen_banner .arrow_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  overflow: hidden;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 3;
  -webkit-tap-highlight-color: transparent
}

.full_screen_banner .arrow_btn_next {
  margin-right: 1%;
  right: 0;
  background: url("../img/backimg1.png") -55px -42px;
  -webkit-transition: margin-right .3s ease-out 0s;
  transition: margin-right .3s ease-out 0s
}

.full_screen_banner .arrow_btn_prev {
  margin-left: 1%;
  background: url("../img/backimg1.png") 0 -42px;
  -webkit-transition: margin-left .3s ease-out 0s;
  transition: margin-left .3s ease-out 0s
}

.full_screen_banner .arrow_btn_next:hover {
  margin-right: 15px
}

.full_screen_banner .arrow_btn_prev:hover {
  margin-left: 15px
}

.my_banner .banner_btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-image: none;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  top: calc(50% - 30px);
  cursor: pointer;
  color: #fff;
  font-size: 40px
}

.top_bottom_arrow_frame .fk_rightColorArrowsImg {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  color: #fff;
  font-size: 40px
}

.full_screen_banner .arrow_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  overflow: hidden;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
  color: #4c4c4c;
  font-size: 40px;
  background-image: none
}

.full_screen_banner .arrow_btn .style-1-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 40px;
  left: 15px
}

.full_screen_banner .arrow_btn_next .mock-after,
.full_screen_banner .arrow_btn_prev .mock-after {
  width: 0;
  height: 2px;
  position: absolute;
  top: 1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #4c4c4c;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

.full_screen_banner .arrow_btn_next .mock-after {
  right: 25px
}

.full_screen_banner .arrow_btn_next:hover .mock-after {
  width: 20px;
  right: 35px
}

.full_screen_banner .arrow_btn_prev .mock-after {
  left: 32px
}

.full_screen_banner .arrow_btn_prev:hover .mock-after {
  width: 20px;
  left: 40px
}

.full_screen_banner .arrow_btn_prev:after {
  left: 25px
}

.full_screen_banner .arrow_btn_prev:hover::after {
  width: 20px;
  left: 32px
}

.full_screen_banner.my_banner .banner_btn {
  background-image: none
}

.my_banner .banner_btn {
  width: 60px;
  height: 60px;
  background-image: url("../img/backimg1.png");
  background-repeat: no-repeat;
  position: absolute;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  top: calc(50% - 30px);
  cursor: pointer
}

.full_screen_banner .pic_arrow_btn_prev {
  left: 1%
}

.full_screen_banner .pic_arrow_btn_next {
  right: 1%;
  background-position: -45px 0
}

.my_banner .banner_btn:hover {
  background-color: rgba(0, 0, 0, 0.4)
}

.full_screen_banner .video_frame .one_column {
  min-height: 0;
  height: 100%;
  position: relative;
  z-index: 10
}

.full_screen_banner .layout_column {
  background: rgba(255, 255, 255, 0) !important;
  float: left
}

.full_screen_banner .video_frame {
  width: 100%;
  position: relative;
  overflow: hidden
}

.full_screen_banner .video_frame .full_screen_video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 9
}

.full_screen_banner .video_frame .one_column {
  min-height: 0;
  height: 100%;
  position: relative;
  z-index: 10
}

.module {
  position: relative
}

.module .basic_picture img {
  width: 100%;
  height: auto;
  display: block
}

.pc_pattern .layout_header_fixed {
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 2002;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-background-size: auto auto !important;
  background-size: auto !important;
  background-repeat: repeat !important;
  background-position: 0% 0% !important
}

.mb_pattern .rowFixedNext {
  display: none !important
}

.mb_pattern .fixed_background_layer {
  display: none !important
}

.layout_header {
  width: 100%;
  position: relative
}

.fixed_background_layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
  background-position: 0% 0%;
  -webkit-transition: all .2s;
  transition: all .2s
}

.layout_header_fixed .fixed_background_layer,
.header-xuanfu .fixed_background_layer {
  display: block
}

.my_photo_desc {
  z-index: 1;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 15px;
  color: #fff;
  height: 44px;
  line-height: 44px;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px
}

.full_screen_banner_swiper .module {
  z-index: 11
}

.layout_header .system_row .layout_column {
  min-height: 64px
}

.placeholder_a {
  width: 0;
  height: 0
}

#position_fixed_background_layer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1
}

.fixed_background_show {
  background-color: transparent !important;
  background-image: none !important
}

.fixed_row_background_show {
  background-attachment: fixed !important
}

.ja-jp_website .tipPopPart .tipFont {
  word-break: break-all
}

.list_cache_tips {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center
}

.list_cache_tips::before {
  content: '\81EA\52A8\7FFB\9875\4E2D\FF0C\8BF7\7A0D\540E\FF01';
  color: #fff;
  font-size: 18px;
  line-height: 80px
}

.mb_pattern .video_frame {
  background: #000
}

.mb_pattern .video_frame .layout_column {
  display: none
}

.mb_pattern .video_frame .mb_full_screen_video {
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.mb_pattern .video_frame .video_poster_img {
  width: 100%;
  height: 100%;
  padding-bottom: inherit;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all .46s ease;
  transition: all .46s ease;
  position: absolute;
  top: 0;
  z-index: 10
}

.mb_pattern .video_frame .flv_play_btn {
  top: 50%;
  opacity: 1
}

.mb_pattern .video_frame .flv_play_btn {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 11
}

.pc_pattern .video_frame .video_poster_img,
.pc_pattern .video_frame .flv_play_btn {
  display: none
}

.basic_download_display .list_header {
  font-size: 16px;
  height: 50px
}

.basic_download_display .list_header .file_item_download {
  background: transparent !important;
  height: auto !important;
  font-size: 16px
}

.basic_download_display .list_header .file_item_download:hover {
  background: transparent !important
}

.basic_download_display .moduleStyle_0 .file_item_name {
  width: 15%
}

.basic_download_display .moduleStyle_0 .file_item_summary {
  width: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip
}

.basic_download_display .moduleStyle_0 .file_item_summary p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%
}

.basic_download_display .moduleStyle_0 .file_item_num {
  width: 10%
}

.basic_download_display .moduleStyle_0 .file_item_time {
  width: 20%
}

.basic_download_display .moduleStyle_0 .file_item_size {
  width: 10%
}

.basic_download_display .center_num {
  text-align: center
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_name {
  width: 100%
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_summary {
  display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_num {
  display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_time {
  display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_size {
  display: none
}

.basic_video_display .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 48px;
  text-align: left
}

.basic_video_display .list_one .list_one_wrap .list_content_frame .product_summary_wrap .product_summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 42px;
  text-align: left
}

.full_screen_banner .swiper-slide,
.my_banner .swiper-slide {
  background-color: #fff
}

.basic_banner .basic_banner_box {
  width: 100%
}

.basic_banner .basic_banner_swiper_box {
  margin: 0 auto;
  position: relative
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height {
  position: relative
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child .basic_banner_swiper {
  width: 100%;
  height: 100%
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child .basic_banner_swiper .back_img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat
}

.basic_banner .pagination_frame {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  overflow-y: hidden;
  overflow-x: auto
}

.basic_banner .pagination_frame .paginations {
  white-space: nowrap;
  font-size: 0;
  margin: 0 auto
}

.basic_banner .pagination_frame .paginations .page {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 75px;
  margin: 18px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.basic_banner .pagination_frame .paginations .page .photo_mask {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_banner .pagination_frame .paginations .page .photo_mask:hover {
  background: 0 0
}

.basic_banner .pagination_frame .paginations .page .photo_item {
  height: 100%;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: center;
  padding-bottom: 75%
}

.basic_banner .pagination_frame .paginations .active .photo_mask {
  border: 1px solid grey;
  background: 0 0
}

.basic_banner .pagination_frame::-webkit-scrollbar {
  height: 0px
}

.basic_banner .pic_arrow_btn_prev {
  left: 20px
}

.basic_banner .pic_arrow_btn_next {
  right: 20px;
  background-position: -45px 0
}

.basic_banner .basic_banner_dot_list {
  text-align: center;
  position: absolute;
  bottom: 7px;
  width: 100%;
  z-index: 99
}

.basic_banner .basic_banner_dot_list .swiper-pagination-bullet {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: rgba(153, 153, 153, 0.8);
  margin: 7px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  opacity: 1
}

.basic_banner .basic_banner_dot_list .swiper-pagination-bullet-active {
  background: #fff
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide {
  width: 86% !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-shadow-left {
  opacity: 0
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-shadow-right {
  opacity: 0
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-active {
  padding: 0 5px
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn .banner_btn {
  background-color: rgba(0, 0, 0, 0)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn .banner_btn:hover {
  background-color: rgba(0, 0, 0, 0.4)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn {
  position: absolute;
  height: 100%;
  width: 7%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  z-index: 10;
  overflow: hidden;
  cursor: pointer
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_prev {
  left: 0
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_prev .banner_btn {
  left: 50%;
  -webkit-transform: translate(-50%) translateY(0);
  -ms-transform: translate(-50%) translateY(0);
  transform: translate(-50%) translateY(0)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_next {
  right: 0
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_next .banner_btn {
  right: 50%;
  -webkit-transform: translate(50%) translateY(0);
  -ms-transform: translate(50%) translateY(0);
  transform: translate(50%) translateY(0)
}

.basic_banner .particularly_high {
  padding-bottom: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.basic_list_photos .list_frame {
  width: 100%
}

.basic_list_photos .list_frame .basic_list_photos_swiper .list_one {
  width: 100% !important
}

.basic_list_photos .list_frame .list_box {
  font-size: 0
}

.basic_list_photos .list_frame .list_box .list_one {
  display: inline-block;
  position: relative
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame {
  position: relative;
  overflow: hidden
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame .list_img_back {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  -webkit-transition: all ease 0.36s;
  transition: all ease 0.36s;
  background-repeat: no-repeat
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame .photo_desc {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 15px;
  color: #fff;
  line-height: 44px;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame .photo_desc span {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 1.1em;
  max-height: 2.2em;
  overflow: hidden
}

.basic_atlas_catalog .list_one {
  display: inline-block;
  vertical-align: top;
  overflow: hidden
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame {
  border-radius: 3px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 5%;
  cursor: pointer
}

@media screen and (min-width: 800px) {
  .basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame {
    cursor: url("../img/plus.png"), auto
  }
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame {
  position: relative;
  overflow: hidden
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .list_img_back {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  -webkit-transition: all ease 0.36s;
  transition: all ease 0.36s;
  background-repeat: no-repeat
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .num {
  position: absolute;
  right: 6px;
  bottom: 6px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  height: 24px;
  line-height: 24px;
  padding: 0 5px
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .num i {
  display: inline-block;
  width: 14px;
  height: 12px;
  background: #fff;
  margin-left: 4px;
  margin-top: 6px;
  vertical-align: top;
  background: url("../img/backimg1.png") -23px -306px
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .name {
  margin-top: 15px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap
}

.basic_atlas_catalog .flex_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_atlas_catalog .scroll_box {
  overflow: hidden
}

.basic_atlas_catalog .scroll_box .imgs_box {
  width: 100%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.basic_atlas_catalog .scroll_box .imgs_box .list_one {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.basic_atlas_catalog .basic_atlas_catalog_swiper {
  position: relative
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .list_box .swiper-wrapper .swiper-slide {
  height: auto
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .list_box .swiper-wrapper .swiper-slide .list_one {
  width: 100% !important;
  height: 100%
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .prev {
  left: 10px
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .next {
  right: 10px
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .next:before {
  background-position-x: -53px;
  left: 54%
}

.pc_pattern .basic_list_photos .list_frame {
  min-height: 50px
}

.pc_pattern .basic_list_photos .banner_child {
  padding: 0 60px;
  position: relative
}

.pc_pattern .basic_list_photos .banner_child .basic_list_photos_swiper {
  padding: 5px
}

.pc_pattern .basic_list_photos .banner_child .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.pc_pattern .basic_list_photos .banner_child .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.pc_pattern .basic_list_photos .banner_child .prev {
  left: 10px
}

.pc_pattern .basic_list_photos .banner_child .next {
  right: 10px
}

.pc_pattern .basic_list_photos .banner_child .next:before {
  background-position-x: -53px;
  left: 54%
}

.pc_pattern .basic_atlas_catalog .basic_atlas_catalog_swiper {
  padding: 0 60px;
  position: relative
}

.pc_pattern .basic_atlas_catalog .copy_no_show {
  display: none
}

.pc_pattern .basic_atlas_catalog_pc_look .pc_title {
  display: block
}

.pc_pattern .basic_atlas_catalog_pc_look .mb_title {
  display: none
}

.pc_pattern .basic_atlas_catalog_pc_look .look_swiper_arrow {
  display: block
}

.pc_pattern .no_module {
  min-height: 150px
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame {
  width: 60px;
  position: absolute;
  right: 1%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg {
  position: relative;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg p {
  width: 100%;
  height: 100%;
  background-image: url("../img/backimg1.png");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .f-horizontal-line_frame {
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.4)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .f-horizontal-line_frame .f-horizontal-line {
  width: 45px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-left: 7px
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg_next p {
  background-position: -45px 0
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg:hover {
  background-color: rgba(0, 0, 0, 0.6)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg:hover p {
  opacity: 0.7
}

.pc_pattern .full_screen_banner .big_block_btn_frame {
  z-index: 1000;
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  font-size: 0;
  width: 100%;
  height: 15%
}

.pc_pattern .full_screen_banner .big_block_btn_frame .one_big_block {
  display: inline-block;
  width: 11%;
  height: 100%;
  margin-right: 10px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
  border: 3px solid;
  border-color: rgba(255, 255, 255, 0.4)
}

.pc_pattern .full_screen_banner .big_block_btn_frame .big_block_btn_select {
  border-color: #fff
}

.pc_pattern .imageSwitchBtnArea {
  position: absolute;
  z-index: 1000;
  display: block;
  bottom: 24px;
  width: 100%;
  -webkit-filter: url(#AR);
  filter: url(#AR);
  font-size: 0;
  text-align: center
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  line-height: 18px;
  background: #858585;
  color: #fff;
  border-radius: 100%;
  margin: 0 13px;
  font-size: 16px;
  font-family: 微软雅黑;
  cursor: pointer;
  vertical-align: top
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num_current {
  position: relative;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  animation: fk_adsorptionRound_num .6s ease-in;
  -webkit-animation: fk_adsorptionRound_num .6s ease
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: translateZ(0) scale(0);
  transform: translateZ(0) scale(0);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  text-align: center
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num_activity {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1)
}

.pc_pattern .imageSwitchBtnArea .fk_adsorptionRound_current {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  line-height: 18px;
  background: #858585;
  color: #fff;
  font-family: 微软雅黑;
  border-radius: 50%;
  margin: 0 13px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transform: translate3d(45px, 0px, 0px) scale(1.5, 1.5);
  transform: translate3d(45px, 0px, 0px) scale(1.5, 1.5);
  -webkit-transition: all 0.8s;
  transition: all 0.8s
}

.pc_pattern .imageSwitchBtnArea svg {
  width: 100%
}

.pc_pattern .imageSwitchBtnArea_clearFix:after {
  clear: both;
  content: "";
  display: table
}

.pc_pattern .imageSwitchBtnArea_clearFix:before {
  content: "";
  display: table
}

.my_title_index {
  width: 100%;
  border-bottom: 1px solid #e5e5e5
}

.my_title_index .module_banner {
  overflow: hidden
}

.my_title_index .module_banner_text {
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-background-clip: text;
  padding-right: 10px
}

.basic_atlas_catalog_pc_look {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  z-index: 99999
}

.basic_atlas_catalog_pc_look .el-dialog {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  position: relative;
  margin: 0 auto 50px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 80px 140px 80px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .close_look {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #fff;
  z-index: 999;
  font-size: 26px;
  text-align: center;
  background-color: #6E6E6E;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper {
  height: 100%;
  position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper {
  height: 100%
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0 !important;
  background: transparent
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img p {
  background: #fff;
  padding: 14px 20px 18px 20px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide-active {
  opacity: 1 !important
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  font-size: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: 10px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list {
  white-space: nowrap;
  margin: 0 auto
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li {
  cursor: pointer;
  display: inline-block;
  width: 110px;
  height: 80px;
  margin-left: 8px;
  margin-right: 7px;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:hover:before {
  opacity: 1
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list .select {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list .select:before {
  opacity: 1
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame::-webkit-scrollbar {
  height: 0px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow {
  width: 40px;
  height: 40px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 100
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_prev {
  left: -60px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_next {
  right: -60px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  background-image: url("../img/backimg1.png");
  width: 20px;
  height: 24px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_prev:before {
  background-position: -23px -18px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_next:before {
  background-position: -65px -18px
}

.basic_atlas_catalog_go_on_look {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  z-index: 1000000
}

.basic_atlas_catalog_go_on_look .el-dialog {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: hidden
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame {
  position: absolute;
  margin: auto;
  background: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding: 54px 86px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .close_go_on_frame {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 20px;
  font-size: 26px;
  cursor: pointer;
  color: #fff;
  z-index: 999;
  color: #333;
  font-size: 15px;
  right: 0;
  top: 0;
  font-size: 28px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .title {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 16px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list {
  display: block;
  margin: 0 -12px;
  white-space: nowrap;
  font-size: 0
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item {
  display: inline-block;
  margin: 0 12px;
  vertical-align: top;
  width: 280px;
  cursor: pointer
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num {
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  height: 24px;
  line-height: 24px;
  padding: 0 5px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num i {
  display: inline-block;
  width: 14px;
  height: 12px;
  background: #fff;
  margin-left: 4px;
  margin-top: 6px;
  vertical-align: top;
  background: url("../img/backimg1.png") -23px -306px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .pc_name {
  margin-top: 6px;
  margin-bottom: 9px;
  font-size: 15px;
  color: #333;
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  word-break: break-all
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .name {
  display: none
}

.mb_pattern .no_module {
  min-height: 30px
}

.mb_pattern .basic_banner .basic_banner_swiper_coverflow .swiper-slide .back_img {
  border-radius: 6px;
  overflow: hidden
}

.mb_pattern .basic_banner .basic_banner_swiper_coverflow .coverflow_btn {
  opacity: 0
}

.mb_pattern .basic_banner .pagination_frame {
  overflow: hidden
}

.mb_pattern .basic_banner .banner_btn {
  width: 36px;
  height: 36px;
  top: calc(50% - 13px);
  border-radius: 4px
}

.mb_pattern .basic_banner .pic_arrow_btn_prev {
  background-position: -10px -350px
}

.mb_pattern .basic_banner .pic_arrow_btn_next {
  background-position: -38px -350px
}

.mb_pattern .basic_list_photos .list_one {
  padding: 1.89%
}

.mb_pattern .basic_list_photos .list_box {
  padding: 1.89% !important
}

.mb_pattern .basic_list_photos .new_list_box {
  padding: 1.89% !important;
  width: 45% !important
}

.mb_pattern .basic_list_photos .new_list_box .list_one {
  padding: 0
}

.mb_pattern .basic_list_photos .list_frame {
  overflow: hidden
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box {
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box .list_one {
  width: 45% !important
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box::-webkit-scrollbar {
  height: 0px
}

.mb_pattern .basic_atlas_catalog .list_one {
  width: 50% !important;
  padding: 5px !important
}

.mb_pattern .basic_atlas_catalog .new_list_box {
  width: 45% !important
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow-x: auto
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list .list_one {
  width: 45% !important
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list .list_one .basic_atlas_catalog_one_frame {
  padding: 0
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list::-webkit-scrollbar {
  height: 0px
}

.mb_pattern .basic_atlas_catalog_pc_look {
  background: #000
}

.mb_pattern .basic_atlas_catalog_pc_look .pc_title {
  display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .mb_title {
  display: block
}

.mb_pattern .basic_atlas_catalog_pc_look .look_swiper_arrow {
  display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame {
  padding: 0
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .close_look {
  top: 0;
  right: 0;
  font-size: 25px
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .mb_title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background: 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .back_img {
  width: 100%
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .back_img img {
  max-width: 100%
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list {
  display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow {
  display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame {
  left: 0;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 15px 20px 15px;
  background: #000
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .title {
  color: #fff;
  margin-bottom: 25px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .close_go_on_frame {
  padding: 10px;
  color: #fff;
  font-size: 25px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap {
  height: calc(100% - 41px);
  width: 100%
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list {
  margin: 0 -8px;
  white-space: normal;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item {
  margin: 0;
  width: 50%;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo {
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 90%
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num i {
  display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .pc_name {
  display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .name {
  margin-top: 6px;
  font-size: 15px;
  color: #333;
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  word-break: break-all;
  color: #fff;
  margin-bottom: 15px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list::-webkit-scrollbar {
  width: 0px
}

.layrow .laybox .one_column .modules {
  width: 100%;
  height: 100%;
  float: left
}

.basic_navbar .itemNav:last-child {
  margin-right: 0 !important
}

.mb_header {
  height: 50px;
  background-color: #fff;
  width: 100%
}

.mb_header.header_has_fixed {
  position: fixed;
  top: 0;
  z-index: 1001
}

.mb_height_line.header_has_fixed {
  height: 50px
}

.basic_navbar {
  font-size: 14px;
  position: relative
}

.basic_navbar .line {
  display: inline-block;
  font-size: 14px;
  background-color: #eee;
  width: 1px;
  vertical-align: middle;
  position: relative
}

.pc_pattern .basic_navbar .navPart {
  overflow: hidden;
  margin: 0 30px;
  position: relative;
  text-align: center
}

.basic_navbar .navLine {
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
  position: relative;
  top: 0;
  left: 0;
  font-size: 0;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  white-space: nowrap
}

.basic_navbar .hiddenPart {
  opacity: 0;
  display: none
}

@-webkit-keyframes button_style_0_anim {
  0% {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0)
  }

  100% {
    background: 0 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
  }
}

@keyframes button_style_0_anim {
  0% {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0)
  }

  100% {
    background: 0 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
  }
}

.mb_pattern .layout_header .layout_row {
  display: none
}

.mb_pattern .layout_header .layout_row.system_row {
  display: block
}

.mb_pattern .layout_header .basic_navbar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10
}

.mb_pattern .basic_navbar .showChildIcon:before,
.mb_pattern .basic_navbar .showChild2Icon:before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  -webkit-transition: all 0.4s;
  transition: all 0.4s
}

.mb_pattern .basic_navbar .showChildIcon:after,
.mb_pattern .basic_navbar .showChild2Icon:after {
  display: block;
  content: '';
  position: absolute;
  top: 19px;
  right: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff
}

.mb_pattern .mobilePart {
  display: block;
  width: 100%
}

.mb_pattern .basic_webtitle {
  display: block;
  z-index: 20
}

.mb_pattern .addContent {
  height: 50px
}

@-webkit-keyframes tipShow {
  0% {
    opacity: 0
  }

  33% {
    opacity: 1
  }

  66% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes tipShow {
  0% {
    opacity: 0
  }

  33% {
    opacity: 1
  }

  66% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.header_content {
  width: 100%;
  background-color: #fff
}

.header_content .header_content_inside {
  width: 1200px;
  margin: 0 auto;
  line-height: 30px;
  height: 30px
}

.header_content .header_content_inside .header_company_name {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  display: inline-block;
  white-space: nowrap;
  margin-right: 5px;
  vertical-align: middle;
  font-family: '\5FAE\8F6F\96C5\9ED1'
}

.years_part {
  display: inline-block;
  max-width: 400px;
  vertical-align: middle;
  position: relative;
  min-height: 24px;
  line-height: 24px
}

.years_part .years_show {
  line-height: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}

.years_part .years_both {
  -webkit-background-clip: -webkit-text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #b12f8b), color-stop(80%, #4955b5));
  background-image: -webkit-linear-gradient(left, #b12f8b 20%, #4955b5 80%);
  background-image: linear-gradient(to right, #b12f8b 20%, #4955b5 80%);
  font-size: 24px;
  display: inline-block;
  font-style: italic;
  padding-right: 5px;
  line-height: 24px;
  height: 24px;
  cursor: pointer
}

.years_part .years_both.gray {
  background-image: none;
  -webkit-text-fill-color: gray
}

.years_part .years_both span {
  font-size: 14px;
  font-family: 'SourceHanSansCN Bold'
}

.years_part .years_both .years_number {
  font-size: 20px;
  padding: 0 3px
}

.years_part_has_vip .mask {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  z-index: 10;
  display: none
}

.years_part .vip_pop_part {
  width: 400px;
  position: fixed;
  left: 50%;
  top: 50%;
  height: auto;
  display: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.years_part .vip_pop_part .close_icon {
  display: block;
  width: 19px;
  height: 19px;
  background: url(../img/pop_vip_close_icon.png) no-repeat;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 22;
  cursor: pointer
}

.years_part .vip_pop_part .pop_show_header {
  height: 210px;
  width: 400px;
  background: url(../img/popHeader.png) no-repeat 100% 100%;
  position: absolute;
  z-index: 14;
  left: 0;
  top: -26px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.years_part .vip_pop_part .pop_show_content {
  background-color: #fff;
  position: relative;
  width: 400px;
  padding-top: 215px;
  padding-bottom: 70px;
  text-align: center;
  z-index: 13;
  border-radius: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #dcdcdc;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333
}

.years_part .vip_pop_part .pop_show_content p {
  font-size: 20px;
  text-align: center;
  width: 320px;
  line-height: 20px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #333
}

.years_part .vip_pop_part .pop_show_content img {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  background-color: #fff;
  position: relative;
  left: 6px;
  cursor: pointer
}

.certificate_part {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 20
}

.certificate_part .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 20
}

.certificate_part .certificate_img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 21;
  height: 100%;
  text-align: center
}

.certificate_part .certificate_img img {
  max-width: 100%;
  max-height: 100%
}

.big_vip_part {
  width: 134px;
  height: 50px;
  margin: 10px auto;
  position: static !important
}

.big_vip_part.inline {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  vertical-align: middle
}

.big_vip_part .base_big_vip_part {
  width: 134px;
  height: 50px;
  background: url(../img/big_vip_bg.png) no-repeat;
  overflow: hidden;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 0;
  text-align: left
}

.big_vip_part .base_big_vip_part .big_vip_icon {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  margin: 6px 8px;
  width: 40px
}

.big_vip_part .base_big_vip_part .big_vip_icon img {
  max-height: 100%;
  max-width: 100%
}

.big_vip_part .base_big_vip_part .words_content {
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  color: #fff !important;
  width: 50%;
  text-align: center
}

.big_vip_part .base_big_vip_part .words_content .base_word {
  font-size: 16px;
  font-weight: bold;
  font-family: 'SourceHanSansCN Bold';
  line-height: 38px;
  color: #fff
}

.big_vip_part .base_big_vip_part .words_content .day_number {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #fff
}

.big_vip_part .base_big_vip_part .words_content .day_number span {
  font-size: 12px;
  font-weight: bold;
  font-family: 'SourceHanSansCN Regular';
  color: #fff
}

.big_vip_part .base_big_vip_part .words_content .show_tag {
  font-size: 12px;
  font-family: 'SourceHanSansCN Regular';
  position: relative;
  text-align: center;
  line-height: 12px;
  color: #fff
}

.big_vip_part .base_big_vip_part .words_content .show_tag::after,
.big_vip_part .base_big_vip_part .words_content .show_tag::before {
  display: block;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 6px
}

.big_vip_part .base_big_vip_part .words_content .show_tag::after {
  right: -1px
}

.big_vip_part .base_big_vip_part .words_content .show_tag::before {
  left: 1px
}

.mb_big_vip_part {
  margin: 5px auto;
  width: 269px;
  font-size: 0
}

.mb_big_vip_part .base_mb_big_vip_part {
  width: 134px;
  height: 50px;
  display: inline-block;
  background: url(../img/big_vip_bg.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.mb_big_vip_part .base_mb_big_vip_part .big_vip_icon {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  margin: 6px 8px;
  width: 40px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content {
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  width: 50%
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .base_word {
  font-size: 16px;
  font-weight: bold;
  font-family: 'SourceHanSansCN Bold';
  line-height: 38px;
  color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .day_number {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 0;
  color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .day_number span {
  font-size: 12px;
  font-weight: bold;
  font-family: 'SourceHanSansCN Regular';
  color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag {
  font-size: 12px;
  font-family: 'SourceHanSansCN Regular';
  position: relative;
  text-align: center;
  line-height: 12px;
  color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after,
.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before {
  display: block;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 5px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after {
  right: -1px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before {
  left: -1px
}

.mb_big_vip_part .base_mb_big_vip_part .big_vip_icon img {
  max-width: 100%;
  max-height: 100%
}

.header_content_mb .header_company_name {
  font-size: 20px;
  line-height: 45px;
  color: #333;
  display: inline-block;
  white-space: nowrap;
  margin-right: 5px;
  vertical-align: top
}

.header_content_mb .years_part {
  display: inline-block;
  vertical-align: top;
  position: relative
}

.header_content_mb .years_part .years_both.gray {
  background-image: none;
  -webkit-text-fill-color: gray
}

.header_content_mb .years_part .years_both span {
  font-size: 14px;
  font-family: 'SourceHanSansCN Bold'
}

.header_content_mb .years_part .years_both .years_number {
  font-size: 20px;
  padding: 0 3px
}

.years_part_vip_icon {
  display: none;
  vertical-align: middle;
  margin-left: 5px
}

.years_part_vip_icon .years_show {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}

.mb_big_vip_part {
  display: none
}

@media (max-width: 1004px) {

  .big_vip_part,
  .header_content,
  .years_part_has_vip {
    display: none !important
  }

  .mb_big_vip_part {
    display: block !important
  }

  .years_part_vip_icon {
    display: inline-block !important
  }
}

.header_content .header_content_inside .years_part .vip_pop_part .pop_show_content a {
  position: absolute;
  right: 20px
}

.header_content .header_content_inside .years_part .vip_pop_part .pop_show_content p {
  font-size: 20px;
  text-align: center;
  width: 320px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #333
}

.basic_webtitle .years_part {
  position: absolute;
  right: -60px;
  top: 9.5px;
  z-index: 10
}

.basic_navbar .itemNav {
  display: inline-block;
  position: relative
}

.basic_navbar .pageLine {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  border-radius: 4px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  text-align: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  padding: 0 8px
}

.basic_navbar .pageLine .pagePart {
  height: 100%;
  font-size: 0;
  color: #333;
  border-top-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-width: 0;
  border-color: transparent
}

.basic_navbar .pageLine .pagePart a {
  display: block;
  width: 100%;
  height: 100%
}

.basic_navbar .pageLine span {
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_navbar .pageLine .pageLink {
  width: 100%;
  height: 100%;
  cursor: pointer;
  vertical-align: top;
  font-size: 14px
}

.basic_navbar .pageLine .pageLink.navNoClick {
  cursor: unset
}

.basic_navbar .navConten .itemNav:last-child .pageLine {
  margin-right: 30px !important
}

.basic_navbar .navbar_dropdown_panel {
  top: 50px;
  position: absolute;
  width: 160px;
  background-color: #fff;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: -65px;
  max-height: 300px;
  display: none;
  border-radius: 5px
}

.basic_navbar .navbar_dropdown_panel .dropdown_panel_triangle {
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0;
  top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ebebeb;
  border-radius: 5px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item {
  height: auto;
  font-size: 14px;
  width: auto;
  padding: 0;
  -webkit-transition: 0.36s ease;
  transition: 0.36s ease;
  position: relative;
  cursor: pointer
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage {
  display: block;
  height: 100%;
  color: inherit;
  text-align: center;
  position: relative;
  padding: 10px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage .iconDown {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage .showChildIcon {
  display: inline;
  position: absolute;
  right: 0;
  top: 10px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: inherit;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #666;
  text-align: center
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPageLink {
  width: calc(100% - 20px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  color: inherit;
  line-height: normal;
  word-break: normal
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list {
  position: relative;
  opacity: 0;
  height: 0px;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi {
  font-size: 12px;
  text-align: center;
  height: auto;
  width: auto;
  padding: 0;
  -webkit-transition: 0.36s ease;
  transition: 0.36s ease;
  position: relative;
  cursor: pointer
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPage {
  display: block;
  height: 100%;
  color: inherit;
  text-align: center;
  position: relative;
  padding: 10px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPage .iconDown {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPage .showChildIcon {
  display: inline;
  position: absolute;
  right: 0;
  top: 5px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: inherit;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #666;
  text-align: center
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPageLink {
  padding-left: 35px;
  text-align: left;
  width: calc(100% - 20px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: normal;
  height: 100%;
  color: inherit;
  word-break: normal
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list.showNavList {
  height: 100%;
  opacity: 1
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .son_nav_list {
  position: relative;
  opacity: 0;
  height: 0px;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 160px;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .son_nav_list .sonnavLi {
  width: auto;
  min-width: 40px;
  border-style: solid;
  border-width: 0;
  padding: 0 10px;
  height: auto;
  line-height: 40px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .son_nav_list .sonnavLi .sonnavPage {
  display: block;
  height: 100%;
  color: inherit;
  text-align: center;
  position: relative;
  padding: 10px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .son_nav_list .sonnavLi .sonnavPageLink {
  padding-left: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: normal;
  height: 100%;
  color: inherit
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .son_nav_list.showNavList {
  height: 100%;
  opacity: 1
}

.basic_navbar .btn_part {
  position: relative
}

.basic_navbar .btn_part .leftBtn {
  position: absolute;
  left: 0;
  font-size: 15px;
  line-height: 30px;
  cursor: pointer;
  z-index: 99;
  background-color: inherit;
  display: none
}

.basic_navbar .btn_part .rightBtn {
  position: absolute;
  right: 0;
  font-size: 15px;
  line-height: 30px;
  cursor: pointer;
  z-index: 99;
  background-color: inherit;
  display: none
}

.basic_navbar .btn_part .icon-gengduo1 {
  font-size: 20px;
  font-weight: bold
}

.basic_navbar .navchildlist.active {
  display: block;
  height: auto
}

.basic_navbar .logoPart.navchildlist {
  display: none;
  height: 0
}

.basic_navbar .navchildlist {
  display: none;
  height: 0;
  position: absolute;
  z-index: 1998;
  top: 0px
}

.basic_navbar .navchildlist .navchildPart,
.basic_navbar .navchildlist .navchild2Part {
  border-radius: 4px;
  overflow: hidden;
  min-width: 160px;
  z-index: 10;
  border-style: solid;
  border-width: 0;
  color: #333;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15)
}

.basic_navbar .navchildlist .navchildPart .navchildLine,
.basic_navbar .navchildlist .navchildPart .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchildLine,
.basic_navbar .navchildlist .navchild2Part .navchild2Line {
  min-width: 80px;
  height: 40px;
  line-height: 40px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Line,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Line {
  background-color: #fff
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data {
  display: block;
  height: 100%;
  text-align: center
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData a,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data a,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData a,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data a,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData a,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data a,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData a,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data a {
  padding: 0 10px;
  display: block;
  height: 100%
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data .navchild2Link {
  margin: 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all
}

.basic_navbar .logoPart {
  height: 100%;
  display: block
}

.basic_navbar .logoPart .changeImg {
  padding: 0 5px;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  background: rgba(46, 52, 59, 0.88);
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: none
}

.basic_navbar .logoPart:hover .changeImg {
  display: block
}

.basic_navbar .basic_navbar:hover .tooptipPart {
  display: block
}

.basic_navbar .pagePart:hover .navchildPart {
  display: block
}

.my_button {
  height: 100%
}

.my_button .tooptipPart {
  right: 0;
  top: 0;
  display: block;
  z-index: 999
}

.my_button .buttonContent {
  -webkit-transition: all 0.6s;
  transition: all 0.6s
}

.my_button .btnLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.my_button .btnLink .btnWords {
  pointer-events: none;
  height: unset;
  text-align: center;
  white-space: nowrap;
  cursor: text;
  min-width: 10px;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  outline: 0;
  margin: 0 8px
}

.my_button .buttonContent.type_0 {
  border-radius: 4px;
  position: relative
}

.my_button .buttonContent.type_0 .after {
  display: block;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  width: 100%;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  padding-top: 100%;
  position: absolute;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.my_button .buttonContent.type_0:hover .after {
  -webkit-animation: button_style_0_anim 0.75s;
  animation: button_style_0_anim 0.75s;
  z-index: 1
}

.my_button .buttonContent.type_1 {
  border-radius: 20px;
  position: relative
}

.my_button .buttonContent.type_2 {
  border-radius: 4px
}

.my_button .buttonContent.type_3 {
  border-radius: 20px
}

.my_button .buttonContent.type_5 {
  position: relative
}

.my_button .buttonContent.type_5 .btnWords {
  position: relative;
  z-index: 1
}

.my_button .buttonContent.type_5 .after {
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0
}

.my_button .bothHeight {
  height: 100%
}

.mb_pattern .basic_webtitle .webtitle .titlePart {
  height: 50px
}

.basic_webtitle .titleLine {
  text-align: center
}

.basic_webtitle .titleLine .logoImg {
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto
}

.basic_webtitle .titleLine .imgPart {
  display: inline-block;
  min-width: 30px;
  min-height: 30px;
  position: relative;
  vertical-align: middle;
  max-width: 100%
}

.basic_webtitle .titleLine .imgPart .imgContent {
  display: table-cell;
  vertical-align: middle;
  white-space: normal
}

.basic_webtitle .titleLine .webtitle {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  cursor: text;
  min-width: 10px;
  height: 100%
}

.basic_webtitle .titleLine .webtitle .titlePart {
  height: 100%
}

.basic_webtitle .titleLine .webtitle .titleWord {
  height: 100%
}

.basic_webtitle .titleLine .webtitle .titleLine {
  -webkit-background-clip: text;
  resize: none;
  height: 100%;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #fff;
  word-wrap: break-word;
  word-break: normal;
  white-space: pre-wrap
}

.basic_webtitle .titleLine .webtitle .titleEdit {
  cursor: text;
  min-width: 10px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  white-space: normal
}

.basic_webtitle:hover .tooptipPart {
  display: block
}

.basic_webtitle .titleLine.type_1,
.basic_webtitle .titleLine.type_2,
.basic_webtitle .titleLine.type_3 {
  overflow: hidden;
  font-size: 0;
  white-space: nowrap
}

.basic_webtitle .titleLine.type_0 .imgPart {
  display: none
}

.basic_webtitle .titleLine.type_1 .webtitle {
  display: none
}

.mb_pattern .titleLine {
  line-height: 50px;
  height: 50px
}

.titleLine.type_1 .imgPart {
  width: 100%
}

.titleLine.type_0 .webtitle {
  max-width: 100%
}

.mb_pattern .titleLine .webtitle .titleEdit {
  display: block
}

.basic_text .textEdit {
  display: block;
  width: 100%;
  min-width: 10px;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word
}

.basic_navbar .mobilePart .contentPart {
  display: block;
  padding-top: 1px;
  font-size: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_navbar .mobilePart .contentPart .contentPartLi {
  border: none;
  border-color: #f2f2f2;
  border-top: 1px solid #f2f2f2;
  height: auto;
  font-size: 14px;
  width: auto;
  line-height: 50px;
  text-align: left;
  padding: 0;
  -webkit-transition: 0.36s ease;
  transition: 0.36s ease;
  position: relative;
  min-width: 80px;
  white-space: nowrap;
  cursor: pointer
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage {
  display: block;
  height: 100%;
  color: inherit;
  line-height: 50px;
  text-align: left;
  position: relative
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChildIcon,
.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChild2Icon {
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  line-height: inherit;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #666;
  text-align: center
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChildIcon.turnRight,
.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChild2Icon.turnRight {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .navPageLink {
  padding-left: 26px;
  width: calc(100% - 50px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list {
  position: relative;
  opacity: 0;
  height: 0px;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 160px;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list .childnavLi {
  width: auto;
  min-width: 40px;
  border-style: solid;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  padding: 0 10px;
  height: auto;
  line-height: 50px;
  border-top: 1px solid #f2f2f2;
  position: relative
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list .childnavLi .childnavPageLink {
  padding-left: 48px;
  width: calc(100% - 50px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list.showNavList {
  height: 100%;
  opacity: 1
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list {
  position: relative;
  opacity: 0;
  height: 0px;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 160px;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list .sonnavLi {
  width: auto;
  min-width: 40px;
  border-style: solid;
  border-width: 0;
  padding: 0 10px;
  height: auto;
  line-height: 50px;
  border-top: 1px solid #f2f2f2
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list .sonnavLi .sonnavPageLink {
  padding-left: 70px;
  width: calc(100% - 50px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list.showNavList {
  height: 100%;
  opacity: 1
}

.pc_pattern .basic_navbar .mobilePart {
  display: none
}

.mb_pattern .basic_navbar.pcPart {
  display: none
}

.mb_header .basic_navbar .menuPart {
  width: 20px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 27px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 100
}

.mb_header .basic_navbar .menuPart .menuList {
  position: relative;
  width: 100%;
  height: 100%
}

.mb_header .basic_navbar .menuPart .lineDiv {
  width: 20px;
  height: 1px;
  background-color: #333;
  position: absolute;
  -webkit-transition: 0.36s ease;
  transition: 0.36s ease
}

.mb_header .basic_navbar .menuPart .lineButtom {
  bottom: 4px
}

.mb_header .basic_navbar .menuPart .lineTop {
  top: 0
}

.mb_header .basic_navbar .menuPart .lineMiddle {
  top: 6px
}

.mb_header .basic_navbar .menuPart.activeIcon {
  position: fixed
}

.mb_header .basic_navbar .menuPart.activeIcon .lineButtom {
  bottom: 7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.mb_header .basic_navbar .menuPart.activeIcon .lineTop {
  top: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.mb_header .basic_navbar .menuPart.activeIcon .lineMiddle {
  opacity: 0
}

.mb_header .basic_navbar .navPart {
  background-color: #fff;
  width: 100vw;
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  padding: 0 16px;
  -webkit-transition: 0.36s ease;
  transition: 0.36s ease;
  overflow: hidden;
  margin: 0
}

.mb_header .basic_navbar .navContent {
  margin-top: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 617px
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f1f1f1
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar {
  width: 0
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #b1b1b1
}

.pc_pattern .basic_searchs {
  position: relative
}

.pc_pattern .basic_searchs .tooptipPart {
  display: block;
  z-index: 999
}

.pc_pattern .basic_searchs .module_content {
  height: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.mb_pattern .basic_searchs .module_content {
  height: 54px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.mb_pattern .basic_searchs .module_content {
  height: 54px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.mb_pattern .basic_searchs .searchs_content .searchs_btn_content {
  text-align: center
}

.mb_pattern .basic_searchs .searchs_content .searchs_btn_content span {
  line-height: 40px;
  color: #fff
}

.basic_searchs .searchs_content.type_5 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.mb_pattern .basic_searchs_results .searchs_content {
  border-width: 0;
  width: 85%;
  margin: 10px;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_btn_content {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #f3f3f3;
  text-align: center
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_btn_content span {
  color: #808080;
  line-height: 40px
}

.mb_pattern .basic_searchs_results .searchs_content .returnWords {
  font-size: 14px;
  color: #666;
  position: absolute;
  right: -40px;
  top: 10px;
  cursor: pointer
}

.mb_pattern .basic_searchs_results .searchs_content .returnWords a {
  color: #808080
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_input_content input {
  background-color: #f3f3f3;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  padding: 0
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content,
.basic_searchs .searchs_content.type_4 .searchs_btn_content {
  background-color: #fff
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content a,
.basic_searchs .searchs_content.type_4 .searchs_btn_content a {
  color: #ef4136
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content a {
  color: #808080
}

.basic_searchs .searchs_content.type_5 .searchs_input_content input {
  padding-left: 0px
}

.basic_searchs .searchs_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-radius: 3px;
  overflow: hidden;
  font-size: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0px;
  border-color: #ef4136
}

.basic_searchs .searchs_content .searchs_input_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_searchs .searchs_content .searchs_input_content input {
  height: 100%;
  width: 100%;
  border: none;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 12px
}

.basic_searchs .searchs_content .searchs_input_content input::-webkit-input-placeholder {
  color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::-moz-placeholder {
  color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input:-ms-input-placeholder {
  color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::-ms-input-placeholder {
  color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::placeholder {
  color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content /deep/ .el-input__inner {
  height: 100%;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none
}

.basic_searchs .searchs_content .searchs_btn_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  background: #ef4136;
  text-align: center;
  cursor: pointer
}

.basic_searchs .searchs_content .searchs_btn_content a {
  display: block;
  cursor: pointer;
  color: #fff;
  height: 100%;
  padding: 0 12.5px;
  font-size: 25px
}

.basic_searchs .searchs_content.withBorder {
  border-style: solid;
  border-width: 2px;
  border-color: #ef4136
}

.basic_searchs .searchs_content.solidColor input {
  background-color: #f1f1f1
}

.basic_searchs .searchs_content.type_0 .searchs_btn_content span,
.basic_searchs .searchs_content.type_1 .searchs_btn_content span {
  font-size: 15px;
  padding: 0;
  text-align: center
}

.basic_searchs .searchs_content.type_1,
.basic_searchs .searchs_content.type_3,
.basic_searchs .searchs_content.type_5 {
  border-radius: 999px
}

.basic_searchs .searchs_content.solidColor {
  background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor .searchs_input_content input {
  background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content,
.basic_searchs .searchs_content.solidColor.type_4 .searchs_btn_content {
  background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content a,
.basic_searchs .searchs_content.solidColor.type_4 .searchs_btn_content a {
  color: #ef4136
}

.basic_searchs .searchs_content.withBorder.type_5,
.basic_searchs .searchs_content.withBorder.type_4 {
  border-color: #ebebeb
}

.basic_searchs .searchs_content.withBorder.type_2,
.basic_searchs .searchs_content.withBorder.type_3 {
  border-color: #ebebeb
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content a {
  color: #808080
}

.basic_searchs .site_search_dropdown {
  display: block;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 3px);
  left: 50%;
  z-index: 1999;
  height: 0;
  width: calc(100% - 30px);
  margin-left: calc((100% - 30px) / -2);
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  border-radius: 4px
}

.basic_searchs .site_search_dropdown .siteContent {
  padding: 20px 17px 0;
  text-align: left
}

.basic_searchs .site_search_dropdown .lineTitle {
  font-size: 13px;
  color: #999
}

.basic_searchs .site_search_dropdown .clearHistory {
  float: right;
  cursor: pointer
}

.basic_searchs .site_search_dropdown .search_content {
  padding: 20px 0
}

.basic_searchs .site_search_dropdown .search_content .search_content_words {
  max-width: 100%;
  display: inline-block;
  margin: 0 7px 7px 0;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #f3f3f3;
  color: #333;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer
}

.basic_searchs .site_search_dropdown .search_content .search_content_words:hover {
  color: #fff;
  background-color: #ef4136
}

.mb_pattern .site_search_dropdown.site_search_mb {
  display: block;
  position: fixed;
  width: 100%;
  height: 0;
  background: #fff;
  overflow: hidden;
  left: 0;
  top: 0;
  margin-left: 0
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine {
  padding: 20px 17px 0;
  white-space: nowrap
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine {
  background-color: #f3f3f3;
  display: inline-block;
  vertical-align: top;
  width: 85%;
  margin-right: 5%;
  font-size: 0;
  border-radius: 50px;
  overflow: hidden
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine .searchs_btn_content {
  display: inline-block;
  width: 15%;
  height: 38px;
  text-align: center;
  vertical-align: top;
  line-height: 38px
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine .searchs_btn_content a {
  color: #808080
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine input {
  display: inline-block;
  vertical-align: top;
  background-color: #f3f3f3;
  height: 38px;
  width: 85%;
  border: none;
  padding: 0 15px 0 0;
  line-height: 38px;
  font-size: 14px
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_closeLine {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  cursor: pointer
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_closeLine p {
  line-height: 40px
}

.basic_searchs_results {
  position: relative
}

.basic_searchs_results .tooptipPart {
  display: block;
  z-index: 999
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor input {
  background-color: #f1f1f1
}

.searchLine {
  width: 500px;
  height: 40px;
  margin: 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.basic_searchs_results .resultsContent {
  width: 100%
}

.basic_searchs_results .resultsContent .lableLine {
  width: 100%
}

.basic_searchs_results .resultsContent .search_result_tabs_line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #f0f0f0
}

.basic_searchs_results .resultsContent .search_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  padding-left: 10px
}

.basic_searchs_results .resultsContent .search_tabs .tabWords {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  flex: 1 1;
  max-width: 95px;
  height: 40px;
  text-align: center;
  margin-right: 16px;
  font-size: 14px;
  color: #333;
  cursor: pointer
}

.basic_searchs_results .resultsContent .search_tabs .tabWords.selected {
  border-color: #ef4136;
  color: #ef4136;
  font-weight: 700;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-bottom: -2px
}

.basic_searchs_results .resultsContent .resultsList .result_line {
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_searchs_results .resultsContent .resultsList .result_line .result_title {
  display: none;
  color: #ef4136;
  font-weight: 700;
  font-size: 15px;
  margin: 23px 0 23px 12px
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line {
  padding: 30px 10px;
  width: 100%;
  height: 100%
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a {
  display: block;
  height: 100%;
  width: 100%
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .title {
  display: block;
  font-size: 16px
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .titleLine {
  color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .summaryLine {
  margin-top: 18px;
  color: #666
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
  border-radius: 4px;
  background: #fff
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover a {
  color: #000000;
  color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover a .titleLine {
  color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line {
  padding: 0;
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  background-color: #fff;
  vertical-align: top;
  overflow: hidden
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a {
  position: relative;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  border-color: transparent;
  z-index: 1;
  padding: 5%;
  height: 100%;
  overflow: hidden;
  color: #333;
  display: block;
  text-align: left
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a:after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a {
  border-color: #ef4136;
  color: #000000;
  color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a .titleLine {
  color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a:after {
  transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit;
  transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1)
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content,
.pc_pattern .basic_searchs_results .searchs_content.type_4 .searchs_btn_content {
  background-color: #fff
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content a,
.pc_pattern .basic_searchs_results .searchs_content.type_4 .searchs_btn_content a {
  color: #ef4136
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content a {
  color: #808080
}

.basic_searchs_results .searchs_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  border-style: solid;
  border-width: 2px;
  border-color: #ef4136
}

.basic_searchs_results .searchs_content .searchs_input_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_searchs_results .searchs_content .searchs_input_content input {
  height: 100%;
  width: 100%;
  border: none;
  padding: 0 15px;
  font-size: 12px
}

.basic_searchs_results .searchs_content .searchs_input_content input::-webkit-input-placeholder {
  color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::-moz-placeholder {
  color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input:-ms-input-placeholder {
  color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::-ms-input-placeholder {
  color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::placeholder {
  color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content /deep/ .el-input__inner {
  height: 100%;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none
}

.basic_searchs_results .searchs_content .searchs_btn_content {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  background: #ef4136;
  position: relative
}

.basic_searchs_results .searchs_content .searchs_btn_content a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  cursor: pointer;
  line-height: 36px;
  width: 100%;
  color: #fff;
  height: 100%;
  padding: 0;
  font-size: 25px;
  text-align: center
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor {
  background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor .searchs_input_content /deep/ .el-input__inner {
  background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content,
.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_4 .searchs_btn_content {
  background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content a,
.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_4 .searchs_btn_content a {
  color: #ef4136
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content a {
  color: #808080
}

.pc_pattern .searchs_content.type_5,
.pc_pattern .searchs_content.type_4 {
  border-color: #ebebeb
}

.pc_pattern .searchs_content.type_1,
.pc_pattern .searchs_content.type_3 {
  border-radius: 999px
}

.pc_pattern .searchs_content.type_1 .searchs_input_content input,
.pc_pattern .searchs_content.type_3 .searchs_input_content input {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px
}

.pc_pattern .searchs_content.type_1 .searchs_btn_content,
.pc_pattern .searchs_content.type_3 .searchs_btn_content {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px
}

.pc_pattern .searchs_content.type_5 {
  border-radius: 999px
}

.pc_pattern .searchs_content.type_5 .searchs_input_content input {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px
}

.pc_pattern .searchs_content.type_5 .searchs_btn_content {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px
}

.pc_pattern .basic_searchs_results .searchs_content.type_0 .searchs_btn_content span,
.pc_pattern .basic_searchs_results .searchs_content.type_1 .searchs_btn_content span {
  font-size: 15px;
  padding: 0;
  text-align: center
}

.basic_searchs_results .noResult {
  width: 100%;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.basic_searchs_results .noResult .tipsWordsPart {
  text-align: center;
  line-height: 30px
}

.basic_searchs_results .noResult p {
  color: #333;
  font-size: 16px
}

.basic_searchs_results .noResult span {
  display: block;
  color: #999;
  font-size: 14px
}

.basic_searchs_results .otherPage .result_title {
  font-weight: 700;
  font-size: 15px;
  margin: 23px 0 23px 12px;
  color: #ef4136
}

.basic_searchs_results .otherPage .detail_line {
  width: 100%;
  padding: 10px;
  display: inline-block
}

.basic_searchs_results .otherPage .detail_line .content {
  color: #333;
  font-size: 14px;
  height: 43px;
  border-bottom: 1px dashed #ccc;
  cursor: pointer
}

.basic_searchs_results .otherPage .detail_line .typeLine {
  float: right;
  display: inline-block;
  position: relative;
  height: 26px;
  line-height: 26px;
  max-width: 100%;
  padding: 0 8px;
  margin-right: 15px;
  border-radius: 3px;
  color: #666;
  background-color: #f5f5f5;
  font-size: 12px;
  word-break: keep-all;
  overflow: hidden;
  z-index: 2
}

.basic_searchs_results .otherPage .detail_line .linkPart {
  display: block;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
  padding-left: 10px;
  color: #333;
  cursor: pointer
}

.basic_searchs_results .otherPage .detail_line .linkPart:hover {
  color: #ef4136
}

.basic_searchs_results .otherPage .detail_line .content:hover {
  color: #ef4136
}

.basic_searchs_results .otherPage .detail_line:last-child .content {
  border-bottom: none
}

.site_search_dropdown {
  display: none;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 3px);
  left: 0%;
  z-index: 1999;
  width: 500px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  border-radius: 4px
}

.site_search_dropdown · .siteContent {
  padding: 20px 17px 0
}

.site_search_dropdown .lineTitle {
  font-size: 13px;
  color: #999
}

.site_search_dropdown .clearHistory {
  float: right;
  cursor: pointer
}

.site_search_dropdown .search_content {
  padding: 20px 0
}

.site_search_dropdown .search_content .search_content_words {
  max-width: 150px;
  display: inline-block;
  margin: 0 7px 7px 0;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #f3f3f3;
  color: #333;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer
}

.site_search_dropdown .search_content .search_content_words:hover {
  color: #fff;
  background-color: #ef4136
}

.tipPopPart {
  animation: tipShow 3s 1;
  -webkit-animation: tipShow 2s 1;
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 9034;
  width: 246px;
  height: 246px;
  margin-left: -123px;
  margin-top: -123px;
  text-align: center;
  padding: 40px 0;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  vertical-align: middle
}

.tipPopPart .icon-gantanhao {
  font-size: 90px;
  color: #f8bb86
}

.tipPopPart .tipFont {
  color: #333;
  font-size: 20px;
  word-break: keep-all
}

.mb_pattern .basic_searchs_results .basic_atlas_catalog .list_one.type1 {
  width: 100% !important;
  padding: 0 !important
}

.pc_pattern .basic_searchs_results .basic_atlas_catalog .list_one.type1 {
  width: 100% !important;
  padding: 0 !important
}

.basic_atlas_catalog .list_one.type1 .basic_atlas_catalog_one_frame {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px
}

.basic_atlas_catalog .list_one.type1 .content {
  display: block;
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
  height: 26px
}

.basic_atlas_catalog .list_one.type1 .typeLine {
  float: right;
  background-color: #f5f5f5;
  max-width: 100%;
  padding: 0 8px;
  line-height: 20px;
  border-radius: 3px
}

.basic_atlas_catalog .list_one.type1 .titleLine {
  line-height: 20px
}

.site_search_dropdown .siteContent {
  padding: 20px 17px 0
}

.mb_header .basic_mb_webtitle {
  width: 70%;
  margin: 0 auto !important;
  position: relative
}

.mb_header .basic_mb_navbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000
}

.mb_pattern .basic_atlas_catalog .list_one {
  margin: 0
}

.searchHeader {
  position: relative
}

.basic_searchs_results .basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .list_img_back {
  -webkit-background-size: cover;
  background-size: cover
}

.edit-div a,
.edit-div span,
.edit-div i,
.edit-div b,
.edit-div div,
.edit-div h1,
.edit-div h2,
.edit-div h3,
.edit-div h4,
.edit-div h5,
.edit-div h6,
.edit-div input {
  line-height: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-align: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  text-decoration: inherit !important;
  -webkit-background-clip: inherit !important;
  -webkit-text-fill-color: inherit !important;
  color: inherit !important;
  background-image: inherit !important;
  white-space: inherit !important
}

.my_button .buttonContent.hasLink,
.basic_picture .my_picture.hasLink,
.basic_text .coverPart.hasLink {
  cursor: pointer
}

.basic_searchs_results .resultsContent .product_list_3 {
  font-size: 0
}

.basic_searchs_results .resultsContent .product_list_3 .list_one {
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
  padding: 0
}

.basic_searchs_results .resultsContent .product_list_3 .list_one_wrap {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.basic_searchs_results .resultsContent .product_list_3 .list_one_wrap .product_name_wrap .product_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%
}

.basic_searchs_results .resultsContent .product_list_3 .list_img_frame {
  display: none !important
}

.hiddenPart {
  opacity: 0 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 0 !important;
  height: auto !important;
  pointer-events: none
}

.pc_pattern .basic_webtitle .titleLine.type_1 .imgPart {
  width: 100%
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one {
  text-align: left;
  width: 100% !important;
  border: none;
  margin: 0;
  padding: 15px !important;
  border-bottom: 1px solid #f1f1f1
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one .product_name {
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden;
  display: inline-block;
  max-width: 100%
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 {
  font-size: 0
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one {
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
  padding: 0
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_img_frame {
  display: none !important
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap .product_name_wrap {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap .product_name_wrap .product_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%
}

.mb_header .titleLine {
  line-height: 50px;
  height: 50px
}

.pc_pattern .contentLink {
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  z-index: 101;
  position: relative
}

.mb_header .titleLine .imgPart .imgContent {
  height: 40px;
  width: 100%;
  text-align: center;
  display: block
}

.mb_header .titleLine .imgPart .imgContent img {
  width: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto
}

.basic_navbar .childrenData.type_1 .navchildlist {
  width: 100%
}

.basic_navbar .childrenData.type_1 .navchildlist .navchildPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff
}

.basic_navbar .childrenData.type_1 .navchildlist .navchildPart .navchildLine {
  min-width: 96px;
  height: 50px;
  line-height: 50px
}

.basic_text_rich_type .textEdit {
  color: #404040;
  white-space: initial;
  word-break: break-all;
  word-wrap: break-word
}

.navPart .pageLine .other_name {
  font-size: 14px;
  color: #333
}

.pageLine .bilingualSetWarp_0 .other_name,
.pageLine .bilingualSetWarp_2 .other_name {
  display: block !important
}

.pageLine .nav_item_name,
.pageLine .other_name {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.pageLine .bilingualSetWarp_1 .nav_item_name,
.pageLine .bilingualSetWarp_1 .other_name {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.basic_navbar .childrenData.type_0 .navchildlist .navchild2Part {
  position: absolute;
  top: 0;
  left: calc(100% + 8px);
  width: auto;
  display: none
}

.basic_navbar .childrenData.type_2 .navchildlist,
.basic_navbar .childrenData.type_3 .navchildlist {
  width: 100%;
  height: 0;
  position: absolute;
  z-index: 1998;
  top: 0px
}

.basic_navbar .type_1_child_warp .child_content .child_list .level_2_content {
  text-align: center
}

.basic_navbar .type_2_child_warp .child_content .child_list .level_2_content {
  text-align: left
}

.child_warp {
  -webkit-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
  width: 100%;
  padding: 15px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff
}

.basic_navbar .child_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_navbar .child_content .child1_content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px
}

.basic_navbar .child_content .child1_content .child1_content_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_navbar .child_content .child1_content .child1_content_list img {
  width: 130px;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 10px
}

.basic_navbar .child_content .child1_content .child1_content_list a {
  display: inline-block;
  margin-right: 10px;
  max-width: calc(100% - 130px)
}

.basic_navbar .child_content .child1_content .child2_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px
}

.basic_navbar .child_content .child1_content .child2_content .child2_content_list {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  font-size: 14px
}

.basic_navbar .child_content .child_list {
  width: 210px;
  padding: 0 10px;
  margin-bottom: 20px
}

.basic_navbar .child_content .child_list .level_2_content {
  border-bottom: 1px solid #ebeef5;
  color: #333;
  font-weight: bolder;
  font-size: 16px;
  cursor: pointer
}

.basic_navbar .child_content .child_list .level_2_icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: 10px 0;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_navbar .child_content .child_list .level_3_content {
  margin: 10px;
  text-align: left
}

.pc_pattern .basic_navbar .c-bubble {
  text-align: center;
  left: 0;
  top: 253px;
  width: 100%;
  z-index: 5000;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0px;
  cursor: default
}

.pc_pattern .basic_navbar .c-bubble .c-bubble-inner {
  width: 100%;
  display: none
}

.pc_pattern .basic_navbar .c-bubble .nav-dropdown-menu-all {
  width: 100%;
  min-height: 310px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two {
  left: 0;
  z-index: 29999;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ccc;
  background-color: #f4f4f4
}

.pc_pattern .basic_navbar .c-bubble .nav-dropdown-menu-all .container {
  position: relative
}

.pc_pattern .basic_navbar .c-bubble .container {
  width: 100%;
  max-width: 1200px;
  position: relative;
  height: 100%;
  margin: 0 auto;
  padding: 0 !important;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box {
  width: 100%;
  font-size: 16px;
  padding: 0 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .levle_2_contain {
  display: block;
  position: relative;
  min-height: 310px;
  width: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 432px;
  background-color: #f4f4f4
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .levle_2 {
  display: block;
  text-align: left;
  margin: 0;
  width: 250px;
  background-color: #f4f4f4;
  z-index: 1;
  position: relative;
  cursor: pointer;
  padding: 15px 45px 15px 45px;
  -webkit-transition: all 0s ease-in;
  transition: all 0s ease-in;
  color: #444;
  margin-bottom: 5px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .box {
  width: calc(100% - 250px);
  background-color: #fff;
  height: 100%;
  min-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 432px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .box .centerbox {
  display: none
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .middbox_contain {
  width: calc(100% - 353px);
  padding: 20px 35px 0 35px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .middbox .levle_3 {
  width: 100%;
  color: #444;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  display: block;
  line-height: 28px;
  padding-bottom: 10px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .rightbox {
  width: 353px;
  margin-top: 26px;
  margin-right: 26px
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .rightbox .pic {
  width: 354px;
  height: 160px;
  position: relative
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .rightbox .pic img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  text-align: center;
  margin: auto
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .rightbox p {
  font-size: 15px;
  color: #777;
  margin-top: 10px;
  overflow: hidden;
  line-height: 22px;
  text-align: left
}

.pc_pattern .basic_navbar .c-bubble .c-bubble-inner:after,
.pc_pattern .basic_navbar .c-bubble .c-bubble-inner:before {
  font-size: 0;
  position: absolute;
  width: 0;
  height: 0;
  content: '';
  border: 8px dashed transparent
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .levle_2_contain:after {
  left: -165%;
  top: 0;
  height: 100%;
  content: "";
  opacity: 0;
  position: absolute
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .levle_2_contain:hover:after {
  opacity: 1
}

.pc_pattern .basic_navbar .c-bubble .subnav-two .center-box .levle_2:hover {
  color: #fff
}

.pc_pattern .basic_navbar .c-bubble .centerbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 768px) {
  .mb_iframe_preview {
    display: block !important
  }

  .pc_iframe_preview {
    display: none !important
  }

  .layout_header_pc {
    display: none !important
  }

  ::-webkit-scrollbar {
    width: 0 !important
  }

  .mb_hidden {
    display: none !important
  }

  .pc_iframe_preview_inline-block {
    display: none !important
  }

  .rowFixedNex {
    display: none !important
  }

  .full_screen_banner.page_search_index,
  .full_screen_banner.page_product_item,
  .full_screen_banner.page_article_item,
  .full_screen_banner.page_help_item,
  .full_screen_banner.page_case_item {
    display: none !important
  }

  .basic_banner .basic_banner_box .basic_banner_swiper_box {
    width: 100% !important
  }
}

@media screen and (min-width: 769px) {
  .mb_iframe_preview {
    display: none !important
  }

  .pc_iframe_preview {
    display: block !important
  }

  .layout_header_pc {
    display: block
  }

  .pc_iframe_preview_inline-block {
    display: inline-block !important
  }
}

@font-face {
  font-family: "iconfont";
  src: url("font_1635015_9upmvzvagnm.woff2?t=22222") format("woff2"), url("font_1635015_9upmvzvagnm.woff?t=22222") format("woff"), url("font_1635015_9upmvzvagnm.ttf?t=22222") format("truetype")
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-phonenew:before {
  content: "\E603"
}

.icon-erweima:before {
  content: "\E602"
}

.icon-jiantou_up:before {
  content: "\E619"
}

.icon-fenxiang:before {
  content: "\E635"
}

.icon-jiantouzuo:before {
  content: "\E65B"
}

.icon-weibo-copy1:before {
  content: "\E65A"
}

.icon-qq:before {
  content: "\E614"
}

.icon-weixin:before {
  content: "\E6B3"
}

.icon-49:before {
  content: "\E63C"
}

.icon-jiantouyou:before {
  content: "\E601"
}

.icon-fangxing:before {
  content: "\E627"
}

.icon-dangxuandagou:before {
  content: "\E6AE"
}

.icon-xuanzhongdagou:before {
  content: "\E612"
}

.icon-jiantou:before {
  content: "\E600"
}

.icon-chuyidong:before {
  content: "\E606"
}

.icon-yuanxing:before {
  content: "\E634"
}

.icon-shanchu:before {
  content: "\E609"
}

.icon-fangdajing:before {
  content: "\E604"
}

.icon-gantanhao:before {
  content: "\E605"
}

.icon-youjian:before {
  content: "\E70B"
}

.icon--arrow-right:before {
  content: "\F60B"
}

.icon-gengduo1:before {
  content: "\E6311"
}

.icon-jiazaizhong:before {
  content: "\E607"
}

@font-face {
  font-family: 'iconfont';
  src: url("//at.alicdn.com/t/c/font_3761694_quwk6ondbne.woff?t=1672742297921") format("woff"), url("//at.alicdn.com/t/c/font_3761694_quwk6ondbne.ttf?t=1672742297921") format("truetype"), url("//at.alicdn.com/t/c/font_3761694_quwk6ondbne.svg?t=1672742297921#iconfont") format("svg")
}

.icon-z-duihao:before {
  content: "\E999"
}

.icon-z-password:before {
  content: "\E1000"
}

.icon-z-profile:before {
  content: "\E1001"
}

.icon-z-nav-line-0:before {
  content: "\E1005"
}

.icon-z-nav-line-30:before {
  content: "\E1006"
}

.icon-z-nav-line-1:before {
  content: "\E1004"
}

.icon-z-nav-line-2:before {
  content: "\E1003"
}

.icon-z-nav-line-3:before {
  content: "\E1007"
}

.dialog_wrap .form_content .form_item_wrap,
.mb_pattern .basic_nleavemessage .form_item_wrap {
  width: 100% !important
}

.basic_video_index iframe {
  width: 100%;
  height: 100%;
  position: absolute
}

.mb_pattern .basic_video_index .online_flv {
  padding-bottom: 56.2%
}

.mb_pattern .form_warp {
  max-height: calc(100% - 10px) !important
}

.mb_pattern .dialog_wrap .dialog_container {
  width: 100%;
  height: 100%
}

.mb_pattern .dialog_wrap .my_form {
  padding: 3.2% 3.72%
}

.mb_pattern .dialog_wrap .dialog_title {
  text-align: center;
  line-height: 53px;
  height: 53px;
  width: 100%
}

.mb_pattern .dialog_wrap .dialog_title .title {
  margin-left: 0
}

.mb_pattern .dialog_wrap .dialog_title .dialog_close:before {
  content: "\E65B"
}

.pc_pattern .dialog_wrap .dialog_title .dialog_close:before {
  content: "\E606"
}

.mb_pattern .dialog_title .dialog_close {
  right: auto;
  left: 15px;
  top: 0px
}

.mb_pattern .dialog_wrap .dialog_content {
  margin-top: 53px
}

.mb_pattern .my_nleavemessage .phone_number_area .area_code_mobi,
.mb_pattern .dialog_wrap .phone_number_area .area_code_mobi {
  display: block !important
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_mobi,
.pc_pattern .dialog_wrap .phone_number_area .area_code_mobi {
  display: none !important
}

.mb_pattern .my_nleavemessage .phone_number_area .area_code_pc,
.mb_pattern .dialog_wrap .phone_number_area .area_code_pc {
  display: none !important
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_pc,
.pc_pattern .dialog_wrap .phone_number_area .area_code_pc {
  display: block !important
}

.dialog_wrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  display: none
}

.dialog_layout {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6)
}

.dialog_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  width: 900px;
  height: 620px;
  line-height: 620px;
  text-align: center
}

.dialog_wrap .form_warp {
  display: none;
  line-height: normal;
  text-align: left;
  max-height: 620px;
  overflow-y: auto
}

.dialog_title {
  height: 66px;
  line-height: 66px;
  border-bottom: 1px solid #e3e2e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  z-index: 1;
  width: 900px
}

.dialog_title .title {
  font-size: 16px;
  color: #333;
  margin-left: 24px
}

.dialog_title .dialog_close {
  position: absolute;
  right: 30px;
  top: 0px;
  cursor: pointer;
  color: #909399;
  font-size: 20px
}

.dialog_content {
  height: calc(100% - 66px);
  overflow-x: hidden;
  margin-top: 66px
}

.dialog_wrap .loading_img {
  display: inline-block;
  vertical-align: middle
}

.basic_nleavemessage .dialog_content {
  margin: 0 -10px
}

.form_warp .my_form {
  padding: 30px 20px
}

.mb_pattern .basic_nleavemessage .my_form {
  padding: 3.2% 3.72%
}

.mb_pattern .basic_nleavemessage .form_submit {
  max-width: 100%
}

.my_form .form_frame {
  position: relative;
  font-size: 0;
  margin: 0 -10px
}

.form_item_wrap .form_item .input_style {
  font-size: 13px;
  color: #333;
  width: 100%;
  border: 0;
  padding-left: 14px;
  height: 44px;
  line-height: 44px;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: 0 0;
  border-radius: 0;
  background: rgba(204, 204, 204, 0.15)
}

.item_type_validateCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.form_item_wrap .form_item {
  padding: 0 10px
}

.form_item_wrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: calc(180px + 2.4%);
  vertical-align: bottom
}

.form_item_wrap .form_item {
  padding: 0 10px
}

.form_item_wrap .form_item .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.form_item_wrap .item_type_phone .phone_number_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.form_item_wrap .item_type_phone .area_code_mobi {
  margin-right: 0 !important;
  width: 90px;
  position: relative
}

.form_item_wrap .item_type_phone .area_code_mobi:after {
  content: "";
  display: block;
  position: absolute;
  height: 22px;
  width: 0;
  top: 10px;
  right: 0;
  border-right: 1px solid #e3e2e8
}

.form_item_wrap .item_type_phone .area_code {
  width: 28%;
  margin-right: 2.4%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  min-width: 130px
}

.form_item_wrap .item_type_phone .phone_number_wrap {
  position: relative;
  width: 100%
}

.form_item_wrap .item_type_city {
  margin: 0 -1.2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form_item_wrap .item_type_city .select_wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1.2%;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.form_item_wrap .select_style {
  position: relative
}

.form_item_wrap .select_style .arrow {
  position: absolute;
  right: 16px;
  font-size: 20px;
  line-height: 44px;
  color: #666;
  cursor: pointer
}

.form_item .title {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  margin-bottom: 12px
}

.form_item .required_icon {
  color: red;
  position: relative;
  top: 2px;
  left: 10px;
  pointer-events: none;
  display: inline-block
}

.select_list_wrap {
  position: absolute;
  top: 100%;
  margin-top: 10px;
  width: 100%;
  padding: 8px 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  z-index: 9032;
  left: 0;
  display: none
}

.select_provinces_dialog {
  display: block
}

.select_list_wrap .select_list {
  max-height: 320px;
  overflow: auto
}

.dialog_wrap ::-webkit-scrollbar,
.select_list_wrap ::-webkit-scrollbar {
  width: 5px
}

.dialog_wrap ::-webkit-scrollbar-thumb,
.select_list_wrap ::-webkit-scrollbar-thumb {
  background-color: #c1c1c1
}

.dialog_wrap ::-webkit-scrollbar-track .select_list_wrap ::-webkit-scrollbar-track {
  background-color: #f7f7f7
}

.select_list_wrap .select_item {
  font-size: 14px;
  color: #333;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.select_list_wrap .select_item .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.select_list_wrap .select_item .right {
  max-width: 60px;
  text-align: right;
  padding-left: 10px
}

.select_list_wrap .select_item:hover {
  background: #f0f0f0
}

.form_item_warp .form_item .item_type_validateCode {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.form_item_warp .form_item .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.item_type_validateCode .validateCode_input {
  max-width: 400px;
  margin-right: 10px
}

.item_type_validateCode .validateCode_img {
  width: 121px;
  height: 44px;
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  cursor: pointer
}

.item_type_validateCode .validateCode_img {
  max-width: 100%;
  vertical-align: top
}

.my_form .form_submit {
  width: 100%;
  max-width: 335px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  border: none;
  outline: 0;
  color: #fff;
  cursor: pointer
}

.my_form .form_item .item_type_file {
  width: 100%
}

.my_form .item_type_file .file_upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.my_form .item_type_file .file_name_text {
  width: 100%;
  margin-right: 10px;
  position: relative
}

.my_form .item_type_file .del_file_btn {
  position: absolute;
  right: 14px;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 17px;
  line-height: 44px;
  background: 0 0;
  color: #999
}

.file_upload_btn {
  background: rgba(204, 204, 204, 0.15)
}

.my_form .item_type_file .file_upload_btn {
  position: relative;
  width: 100px;
  height: 44px;
  line-height: 44px;
  font-size: 13px;
  color: grey;
  outline: 0;
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  cursor: pointer;
  border: 0
}

.my_form .item_type_file .file_upload_btn span {
  display: inline-block;
  margin-right: 8px
}

.my_form .item_type_file .file_size_tips {
  font-size: 12px;
  margin-top: 7px;
  display: block;
  color: grey;
  padding-left: 2px
}

.my_form .item_type_radio {
  padding-top: 2px
}

.form_item .radio_style .radio_item {
  display: inline-block;
  font-size: 13px;
  line-height: 19px;
  color: #333;
  list-style-type: none;
  margin-right: 20px;
  cursor: pointer;
  position: relative
}

.form_item .radio_style .radio_inner {
  font-size: 20px;
  margin-right: 7px;
  float: left;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%
}

.my_form .checkbox_style .checkbox_inner {
  font-size: 20px;
  margin-right: 7px;
  float: left;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px
}

.form_item .radio_style .radio_inner {
  font-size: 20px
}

.form_item .radio_style .radio_item:not(.radio_active) .radio_inner,
.my_form .checkbox_style .checkbox_item:not(.checkbox_active) .checkbox_inner {
  color: #e0e0e0;
  background-color: #fff
}

.my_form .checkbox_style .checkbox_item {
  display: inline-block;
  font-size: 13px;
  line-height: 19px;
  color: #333;
  list-style-type: none;
  margin-right: 20px;
  cursor: pointer;
  position: relative
}

.my_form .checkbox_style .checkbox_item .checkbox,
.form_item .radio_style .radio_item .radio {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0
}

.my_form .textarea_style {
  background: rgba(204, 204, 204, 0.15)
}

.my_form .form_item .textarea_style {
  font-size: 13px;
  color: #333;
  width: 100%;
  border: 0;
  padding: 9px 14px;
  height: 100px;
  resize: none;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.my_form .upload_btn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 10px;
  opacity: 0;
  cursor: pointer
}

.my_form .form_item .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.my_form .item_type_desc {
  min-height: 30px
}

.my_form .item_type_desc .primary_title {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 10px;
  white-space: pre-line
}

.my_form .item_type_desc .description {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  white-space: pre-line
}

.my_form .item_type_date .connect_icon {
  font-size: 16px;
  line-height: 44px;
  width: 2.4%;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.my_form .item_type_date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.set_link_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  right: 0;
  opacity: 1;
  cursor: pointer
}

.basic_video_index .online_flv {
  width: 100%;
  padding-bottom: 41.7%;
  overflow: hidden;
  position: relative;
  height: 0
}

.basic_video_index .direct_play_flv,
.img_flv_div {
  padding-bottom: inherit;
  width: 100%;
  height: 0
}

.basic_video_index .img_flv_div .flv_play_btn {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 0;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2
}

.basic_video_index .online_flv .video-js {
  position: absolute;
  height: 1000%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_video_index .img_flv_div .video_poster_img {
  width: 100%;
  height: 0;
  padding-bottom: inherit;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all .46s ease;
  transition: all .46s ease
}

.basic_video_index .img_flv_div {
  cursor: pointer
}

.basic_video_index .module_content {
  position: relative;
  overflow: hidden
}

.basic_video_index .flv_content:hover .video_poster_img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.basic_video_index .flv_content_hover:hover .video-js {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.basic_video_index .flv_describe_text {
  -webkit-background-clip: text;
  word-break: break-word;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.basic_video_index .basic_video .flv_content:hover .flv_describe {
  top: 10px
}

.basic_video_index .flv_describe {
  margin: 10px 0;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  word-break: break-word
}

.basic_video_index .flv_describe {
  position: relative;
  top: 0;
  left: auto;
  line-height: 1.5;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  font-size: 16px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.basic_video_index .direct_play_flv .play_btn {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  z-index: 2
}

.basic_video_index iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: absolute
}

.tips_dialog {
  position: fixed;
  left: 0;
  top: 20%;
  right: 0;
  z-index: 9034;
  text-align: center;
  display: none
}

.mb_pattern .tips_dialog .tips_dialog_main {
  padding: 5.333vw 0;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.mb_pattern .tips_dialog .tips_dialog_icon {
  padding: 0 9.333vw .667vw
}

.mb_pattern .tips_dialog .tips_dialog_content {
  max-width: 68vw;
  padding: 3.5vw 8vw 0;
  font-size: 3.734vw;
  line-height: 1.6
}

.mb_pattern .tips_dialog .i_success {
  width: 10.667vw;
  height: 10.667vw;
  border: .533vw solid #49b344
}

.mb_pattern .tips_dialog .i_success:before {
  left: -4.4vw;
  top: -.933vw;
  width: 8.667vw;
  height: 16vw;
  border-radius: 16vw 0 0 16vw;
  -webkit-transform-origin: 8vw 8vw;
  -ms-transform-origin: 8vw 8vw;
  transform-origin: 8vw 8vw
}

.mb_pattern .tips_dialog .i_success:after {
  left: 4vw;
  top: -1.467vw;
  width: 8vw;
  height: 16vw;
  border-radius: 0 16vw 16vw 0;
  -webkit-transform-origin: 0 8vw;
  -ms-transform-origin: 0 8vw;
  transform-origin: 0 8vw
}

.mb_pattern .tips_dialog .i_success_placeholder {
  left: -.533vw;
  top: -.533vw;
  width: 10.667vw;
  height: 10.667vw;
  border: 0.533vw solid rgba(73, 179, 68, 0.2)
}

.mb_pattern .tips_dialog .i_success_bingo {
  width: 10.667vw;
  height: 10.667vw;
  margin: 0 auto
}

.tips_dialog .i_success_bingo:after,
.mb_pattern .tips_dialog .i_success_bingo:before {
  border-radius: 2px
}

.mb_pattern .tips_dialog .i_success_bingo:before {
  left: 1.867vw;
  top: 6.133vw;
  width: 3.333vw;
  height: .667vw;
  -webkit-animation: jz-icon-success-bingo-before-vw .75s;
  animation: jz-icon-success-bingo-before-vw .75s
}

.mb_pattern .tips_dialog .i_success_bingo:after {
  right: 1.067vw;
  top: 5.067vw;
  width: 6.267vw;
  height: .667vw;
  -webkit-animation: jz-icon-success-bingo-after-vw .75s;
  animation: jz-icon-success-bingo-after-vw .75s
}

.mb_pattern .tips_dialog .i_warning {
  width: 11.733vw;
  height: 11.733vw;
  border: .533vw solid #f8bb86
}

.mb_pattern .tips_dialog .i_warning:before {
  width: .667vw;
  height: 6.267vw;
  margin: 1.333vw auto 0;
  border-radius: 2px
}

.mb_pattern .tips_dialog .i_warning:after {
  width: .933vw;
  height: .933vw;
  margin: .8vw auto 0
}

.tips_dialog:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.tips_dialog .tips_dialog_main {
  position: relative;
  display: inline-block;
  padding: 40px 0;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  vertical-align: middle
}

.tips_dialog .tips_dialog_icon {
  padding: 0 70px 5px
}

.tips_dialog .tips_dialog_content {
  padding: 23px 60px 0;
  font-size: 18px;
  line-height: 22px;
  word-break: break-word;
  color: #333
}

.tips_dialog .i_warning {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 4px solid #f8bb86;
  border-radius: 50%
}

.tips_dialog .i_success_placeholder {
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 1;
  width: 80px;
  height: 80px;
  border: 4px solid rgba(73, 179, 68, 0.2);
  border-radius: 50%
}

.tips_dialog .i_warning:after,
.i_warning:before {
  content: "";
  display: block;
  background-color: #f8bb86
}

.tips_dialog .i_warning:before {
  width: 5px;
  height: 47px;
  margin: 10px auto 0;
  border-radius: 2px
}

.tips_dialog .i_warning:after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 6px auto 0
}

.tips_dialog .i_success {
  position: relative;
  width: 80px;
  height: 80px;
  border: 4px solid #49b344;
  margin: 0 auto;
  border-radius: 50%
}

.tips_dialog .i_success:after,
.i_success:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.tips_dialog .i_success:before {
  left: -33px;
  top: -33px;
  width: 65px;
  height: 120px;
  border-radius: 120px 0 0 120px;
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px
}

.tips_dialog .i_success:after {
  left: 30px;
  top: -11px;
  width: 60px;
  height: 120px;
  border-radius: 0 120px 120px 0;
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
  -webkit-animation: jz-icon-success-loading 4.25s ease-in;
  animation: jz-icon-success-loading 4.25s ease-in
}

@-webkit-keyframes jz-icon-success-loading {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }

  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

@keyframes jz-icon-success-loading {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }

  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

.tips_dialog .i_success_bingo {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto
}

.tips_dialog .i_success_bingo:after,
.i_success_bingo:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  background-color: #49b344;
  border-radius: 2px
}

.tips_dialog .i_success_bingo:before {
  left: 14px;
  top: 46px;
  width: 25px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: jz-icon-success-bingo-before .75s;
  animation: jz-icon-success-bingo-before .75s
}

.tips_dialog .i_success_bingo:after {
  right: 8px;
  top: 38px;
  width: 47px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: jz-icon-success-bingo-after .75s;
  animation: jz-icon-success-bingo-after .75s
}

@-webkit-keyframes jz-icon-success-bingo-before {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px
  }
}

@keyframes jz-icon-success-bingo-before {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px
  }
}

@-webkit-keyframes jz-icon-success-bingo-after {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px
  }
}

@keyframes jz-icon-success-bingo-after {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px
  }
}

.jz_web_col {
  position: relative;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0
}

.s_multi_language_wrap {
  min-width: 150px;
  width: 100%;
  position: relative;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.s_multi_language_text {
  font-size: 14px;
  vertical-align: middle;
  color: #333;
  -webkit-background-clip: text
}

.languages_dropdown {
  position: relative
}

.s_multi_language_wrap {
  position: relative;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.languages_default_item {
  line-height: 60px;
  height: 60px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.s_multi_language_icon+.s_multi_language_text {
  margin-left: 12px
}

.s_multi_language_dropdown_svg {
  color: #666;
  vertical-align: middle;
  margin-left: 5px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.languages_dropdown.no_text .languages_dropdown_panel {
  width: 150px;
  margin-left: -75px
}

.languages_dropdown.no_text .languages_dropdown_item {
  vertical-align: middle;
  margin: 8px;
  float: left;
  overflow: hidden
}

.languages.languages_dropdown:hover .s_multi_language_dropdown_svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.pc_pattern .dropdown .languages_dropdown:hover .languages_dropdown_panel {
  display: block !important
}

.s_multi_language_icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  min-width: 24px;
  height: 18px
}

.languages_dropdown_item {
  margin: 20px 0
}

a,
a:hover {
  text-decoration: none
}

.languages_dropdown_panel {
  position: absolute;
  width: 150px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  margin-left: -74px;
  list-style: none;
  display: none
}

.pc_pattern .languages_dropdown_panel.top {
  top: 50px
}

.languages_dropdown_panel .dropdown_panel_triangle {
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0
}

.languages_dropdown_panel.top .dropdown_panel_triangle {
  top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.languages_expansion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px
}

.languages_expansion .language_item {
  margin: 5px 0
}

.language_item_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.languages_expansion .s_multi_language_icon+.s_multi_language_text {
  margin-left: 8px;
  text-align: left
}

.lan_list .s_multi_language_text,
.languages_dropdown_panel .s_multi_language_text,
.languages_expansion .s_multi_language_text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 17px;
  font-size: 14px;
  vertical-align: middle;
  color: #333
}

.languages_expansion .language_item_after {
  width: 1px;
  height: 18px;
  background: #b68686;
  opacity: .2;
  margin: 0 15px
}

.c_popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9034;
  display: none;
  text-align: center
}

.c_popup:after {
  content: "";
  height: 100%
}

.c_popup_layout {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6)
}

.c_popup_main {
  position: relative;
  padding: 40px 0;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.c_popup:after,
.c_popup_main {
  display: inline-block;
  vertical-align: middle
}

.c_popup_content {
  padding: 23px 60px 0;
  font-size: 18px;
  line-height: 22px;
  word-break: break-word
}

.multi_language_panel {
  width: 390px;
  margin: -63px 0 0 -60px
}

.multi_language_panel .lan_title {
  height: 50px;
  line-height: 50px;
  text-align: left;
  padding-left: 30px;
  width: 450px;
  border-bottom: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px
}

.multi_language_panel .lan_container {
  width: 450px
}

.multi_language_panel .lan_lists {
  margin-top: 35px;
  padding: 0 25px;
  text-align: left;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto
}

.multi_language_panel .lan_list {
  width: 175px;
  text-align: left;
  margin: 0 10px 18px 10px;
  cursor: pointer;
  overflow: hidden;
  float: left
}

.c_popup_close {
  position: absolute;
  right: 30px;
  top: 15px;
  cursor: pointer;
  color: #999;
  font-size: 16px
}

.multi_Language_mobi_panel {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  display: none
}

.multi_Language_mobi_panel .lan_layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6)
}

.multi_Language_mobi_panel .lan_mobi_lists {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  max-width: 100%;
  z-index: 1;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  padding: 0;
  padding-bottom: 0;
  width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  white-space: normal;
  max-height: 300px;
  overflow-y: auto
}

.multi_Language_mobi_panel .lan_mobi_list {
  height: 50px;
  line-height: 50px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px;
  border-bottom: 1px solid #f0f0f0
}

.multi_Language_mobi_panel .lan_mobi_list a {
  width: 100%;
  display: inline-block;
  -webkit-tap-highlight-color: transparent
}

.lan_mobi_list .s_multi_language_text {
  max-width: calc(100% - 42px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block
}

.mb_icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 20px;
  top: 11.5px;
  z-index: 98
}

.mb_pattern .languages_dropdown_panel.top {
  right: 0 !important;
  margin-left: 38px !important
}

.mb_pattern .languages_dropdown_panel.top .dropdown_panel_triangle {
  left: auto !important;
  right: 20px !important
}

.languages_dropdown_panel.bottom {
  bottom: 50px !important
}

.languages_dropdown_panel.bottom .dropdown_panel_triangle {
  bottom: -12px !important;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg) !important;
  -ms-transform: translate(-50%, -50%) rotate(-225deg) !important;
  transform: translate(-50%, -50%) rotate(-225deg) !important
}

.mb_pattern .position_header .languages_dropdown_panel {
  position: fixed !important;
  top: 47px !important;
  right: 0 !important;
  left: auto !important
}

.mb_pattern .languages_dropdown_panel.header_right {
  margin-left: -15px !important;
  left: 15px !important;
  right: auto !important
}

.mb_pattern .languages_dropdown_panel.header_right .dropdown_panel_triangle {
  left: 30px !important;
  right: auto !important
}

.mb_pattern .position_header .languages_default_item {
  display: none !important
}

.pc_pattern .position_header .mb_icon {
  display: none !important
}

.mb_pattern .languages_expansion {
  display: none !important
}

.pc_pattern .expansion .languages_default_item {
  display: none !important
}

.mb_pattern .position_footer .expansion .languages_default_item {
  display: block !important
}

.mb_pattern .position_header .expansion .languages_default_item {
  display: none !important
}

.mb_pattern .pc_languages_default_item {
  display: none !important
}

.pc_pattern .mb_languages_default_item {
  display: none
}

.mb_pattern .mb_languages_default_item {
  display: block !important
}

.mb_pattern .mb_header {
  overflow: visible !important
}

.pc_pattern .header-xuanfu-new {
  position: absolute;
  width: 100%;
  z-index: 999
}

video {
  max-width: 100%
}

.basic_retrieve_password_index {
  padding: 0 32px
}

.basic_retrieve_password .mb_title {
  display: none
}

.basic_retrieve_password .is-error {
  border: 1px solid #f56c6c !important
}

.basic_retrieve_password .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 6em
}

.basic_retrieve_password .verification_tip {
  color: #949494;
  margin-top: 22px;
  font-size: 14px
}

.basic_retrieve_password .validateCode_img {
  height: 44px;
  width: 121px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  vertical-align: top;
  margin-left: 20px;
  cursor: pointer
}

.basic_retrieve_password .chang_yzm {
  color: #3078d0;
  font-size: 14px;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer
}

.basic_retrieve_password .retrieve_password,
.basic_retrieve_password .main_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_retrieve_password .retrieve_password_header {
  width: 100%;
  display: inline-block;
  text-align: center
}

.basic_retrieve_password .retrieve_password_header .header_title {
  color: #505d69;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 500
}

.basic_retrieve_password .main_wrapper {
  width: 100%
}

.basic_retrieve_password .form_wrapper {
  width: 100%;
  min-width: 500px
}

.basic_retrieve_password .form_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  position: relative
}

.basic_retrieve_password .form_item .my_label {
  width: 6em;
  font-size: 14px;
  text-align: right;
  color: #333
}

.basic_retrieve_password .form_item.form_item_required .my_label:before {
  content: "*";
  color: #c9544c;
  margin-right: 4px
}

.basic_retrieve_password .form_item .label-placeholder {
  width: 5em
}

.basic_retrieve_password .yzm_contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_retrieve_password .input_style {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7f8fb;
  border-radius: 3px;
  padding-left: 10px;
  border: 1px solid transparent;
  outline: none;
  margin-left: 20px
}

.basic_retrieve_password .input_style:hover {
  border-color: #3078d0
}

.basic_retrieve_password .input_style:focus {
  border-color: #3078d0
}

.basic_retrieve_password .btn_confirm {
  margin: 100px auto 20px auto
}

.basic_retrieve_password .primary_btn {
  border: 0;
  width: 150px;
  height: 44px;
  cursor: pointer;
  line-height: 44px;
  display: inline-block;
  color: #fff;
  background-color: #3078d0;
  border-color: #3078d0;
  border-radius: 6px
}

.basic_retrieve_password .default_btn {
  border: 1px solid #3078d0;
  width: 150px;
  height: 44px;
  display: inline-block;
  cursor: pointer;
  line-height: 44px;
  color: #3078d0;
  background-color: #fff;
  border-radius: 6px
}

.basic_retrieve_password .tips {
  color: #000;
  margin: 20px 0;
  font-weight: normal;
  font-size: 14px
}

.basic_retrieve_password .verification_contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.basic_retrieve_password .steps {
  margin: 50px auto;
  min-width: 500px
}

.basic_retrieve_password .steps .steps_contain {
  position: relative
}

.basic_retrieve_password .steps .steps_contain:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #f1f5f7;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1
}

.basic_retrieve_password .steps .steps_contain .steps_item.active .step_icon {
  background: #3078d0;
  color: #fff
}

.basic_retrieve_password .steps .steps_contain .step_icon {
  width: 38px;
  display: inline-block;
  height: 38px;
  background: #fff;
  border: 1px solid #3078d0;
  color: #3078d0;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  margin-bottom: 15px;
  position: relative;
  z-index: 3
}

.basic_retrieve_password .steps .step_text {
  width: 100%;
  display: inline-block;
  height: 25px;
  font-size: 15px;
  font-weight: 400;
  color: #505d69;
  line-height: 25px
}

.basic_retrieve_password .steps .steps_contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_retrieve_password .steps .steps_item {
  text-align: center;
  width: 30%
}

.basic_retrieve_password .steps .mt-20 {
  margin-top: 20px
}

.basic_retrieve_password .steps .btn_disabled_style {
  background-color: #8c8d8e !important;
  border-color: #8c8d8e !important;
  cursor: not-allowed
}

.basic_retrieve_password .steps .input_style {
  width: 260px;
  margin-right: 10px;
  position: relative;
  font-size: 13px;
  display: inline-block;
  height: 44px;
  line-height: 44px
}

.basic_retrieve_password .steps .verification_btn {
  margin-left: 20px
}

.basic_retrieve_password .steps .tc {
  margin-top: 50px;
  text-align: center
}

.basic_retrieve_password .steps .tc .next_step_btn {
  margin-left: 20px
}

.basic_retrieve_password .steps .step-first {
  margin: 50px auto
}

.basic_retrieve_password .steps .step-first .tips {
  color: #505d69;
  margin-bottom: 20px;
  font-weight: normal
}

.basic_retrieve_password .steps .step-first li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 15px;
  background-color: #f7f8fb
}

.basic_retrieve_password .steps .step-first li .title {
  margin-bottom: 10px;
  color: #505d69;
  font-weight: normal
}

.basic_retrieve_password .steps .step-first li .button_contain {
  color: #969696
}

.basic_retrieve_password .steps .step-second {
  margin-top: 35px
}

.basic_retrieve_password .steps .step-fourth {
  text-align: center
}

.basic_retrieve_password .steps .step-fourth .title {
  font-weight: 400;
  color: #74788d
}

.basic_retrieve_password .set_password_text {
  margin: 30px 0 20px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #505d69;
  line-height: 30px
}

.basic_retrieve_password .steps .step-second .label_1 {
  font-size: 14px;
  font-weight: 500;
  color: #505d69;
  line-height: 30px
}

.basic_retrieve_password .steps .step-second .label_2 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 28px
}

.basic_retrieve_password .update_success_text {
  height: 32px;
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 32px;
  margin: 16px 0
}

.basic_retrieve_password .update_success_tips {
  width: 100%;
  height: 36px;
  font-size: 13px;
  font-weight: 400;
  color: #74788d;
  line-height: 18px
}

.basic_retrieve_password .success_image {
  width: 72px;
  height: 72px
}

.mb_pattern .basic_retrieve_password_index {
  margin: 50px 0
}

.mb_pattern .basic_retrieve_password_index #validateCode_img {
  width: 80px;
  height: 35px
}

.mb_pattern .basic_retrieve_password_index .is-error {
  border: none !important;
  border-bottom: 1px solid #f56c6c !important
}

.mb_pattern .basic_retrieve_password_index .el-form-item__error {
  left: 0 !important
}

.mb_pattern .basic_retrieve_password_index .steps {
  width: 100%;
  min-width: 100%
}

.mb_pattern .basic_retrieve_password_index .chang_yzm {
  font-size: 13px;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input::-webkit-input-placeholder {
  font-size: 13px;
  color: #666;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input:-moz-placeholder {
  font-size: 13px;
  color: #666;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input::-moz-placeholder {
  font-size: 13px;
  color: #666;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input:-ms-input-placeholder {
  font-size: 13px;
  color: #666;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index .mb_title {
  display: block;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #454545;
  text-align: left;
  width: 100%;
  line-height: 25px
}

.mb_pattern .basic_retrieve_password_index .retrieve_password_header .header_title {
  width: 100%;
  height: 25px;
  font-size: 13px;
  font-weight: 400;
  color: #8a929e;
  line-height: 25px;
  margin-top: 0
}

.mb_pattern .basic_retrieve_password_index .main_wrapper {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.mb_pattern .basic_retrieve_password_index .form_wrapper {
  width: 100%;
  min-width: 100%
}

.mb_pattern .basic_retrieve_password_index .btn_confirm {
  margin-top: 20px
}

.mb_pattern .basic_retrieve_password_index .retrieve_password_header {
  text-align: left
}

.mb_pattern .basic_retrieve_password_index .form_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .basic_retrieve_password_index .input_style {
  width: 100%;
  margin-left: 0;
  padding-left: 0
}

.mb_pattern .basic_retrieve_password_index .my_label {
  width: auto;
  color: #8a929e;
  font-weight: 400;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .input_style {
  background: transparent;
  border: none;
  border-bottom: 1px solid #b0b0b0
}

.mb_pattern .basic_retrieve_password_index .input_style:hover {
  border-bottom: 1px solid #3078d0
}

.mb_pattern .basic_retrieve_password_index .input_style:focus {
  border-bottom: 1px solid #3078d0
}

.mb_pattern .basic_retrieve_password_index .form_item-terms-content {
  width: 100%;
  padding-left: 0
}

.mb_pattern .basic_retrieve_password_index .btn-register,
.mb_pattern .basic_retrieve_password_index .btn_confirm {
  width: 100%;
  margin-left: 0
}

.mb_pattern .basic_retrieve_password_index .pc_steps_contain {
  display: none
}

.mb_pattern .basic_retrieve_password_index .steps .step-first {
  margin: 0 auto
}

.mb_pattern .basic_retrieve_password_index .steps .step-first .tips {
  margin: 10px 0 20px 0;
  color: #8a929e;
  font-size: 13px;
  font-weight: 500
}

.mb_pattern .basic_retrieve_password_index .steps .step-first li .title {
  color: #505d69;
  font-weight: 500;
  font-size: 15px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second {
  margin-top: 5px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_1 {
  color: #8a929e;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_2 {
  font-size: 15px;
  font-weight: 500;
  color: #505d69;
  line-height: 21px;
  margin-top: 30px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_3 {
  font-size: 13px;
  font-weight: 400;
  color: #454545;
  display: block;
  margin-top: 10px
}

.mb_pattern .basic_retrieve_password_index .verification_contain {
  display: block
}

.mb_pattern .basic_retrieve_password_index .verification_contain #step_2_verify {
  display: inline-block;
  width: 50%
}

.mb_pattern .basic_retrieve_password_index .verification_contain .verification_btn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .verification_contain .verify_text {
  font-weight: 400;
  display: block;
  color: #8a929e;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .set_password_text {
  font-size: 13px;
  font-weight: 400;
  color: #8a929e;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: left
}

.mb_pattern .basic_retrieve_password_index .primary_btn,
.mb_pattern .basic_retrieve_password_index .default_btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .step_1 .primary_btn {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .step_3 .tc,
.mb_pattern .basic_retrieve_password_index .step_2 .tc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.mb_pattern .basic_retrieve_password_index .step_3 .tc .next_step_btn,
.mb_pattern .basic_retrieve_password_index .step_2 .tc .next_step_btn {
  margin-left: 0;
  margin-bottom: 20px
}

.mb_pattern .basic_retrieve_password_index .step_first_text {
  margin-right: 10px;
  font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .success_image {
  width: 56px;
  height: 56px
}

.mb_pattern .basic_retrieve_password_index .step_4 .tc .primary_btn,
.mb_pattern .basic_retrieve_password_index .step_4 .tc .default_btn {
  width: 114px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
  font-size: 14px
}

.basic_language .s_multi_language_icon {
  width: 30px !important;
  height: 20px !important;
  background-image: url(../img/langs_img.png);
  background-repeat: no-repeat
}

.basic_language .zh-cn,
.basic_language .zh-tw,
.basic_language .zh-ch {
  background-position: -10px -10px
}

.basic_language .in-id {
  background-position: -52px -10px
}

.basic_language .uk-ua {
  background-position: -94px -10px
}

.basic_language .lt-lt {
  background-position: -135px -10px
}

.basic_language .sr-sp {
  background-position: -177px -10px
}

.basic_language .en-us {
  background-position: -219px -10px
}

.basic_language .tr-tr {
  background-position: -261px -10px
}

.basic_language .ko-ko {
  background-position: -303px -10px
}

.basic_language .sq-al {
  background-position: -344px -10px
}

.basic_language .uz-uz {
  background-position: -12px -45px
}

.basic_language .it-it {
  background-position: -52px -42px
}

.basic_language .he-il {
  background-position: -94px -42px
}

.basic_language .ms-my {
  background-position: -135px -42px
}

.basic_language .sk-sk {
  background-position: -177px -42px
}

.basic_language .es-es {
  background-position: -219px -43px
}

.basic_language .hi-in {
  background-position: -261px -43px
}

.basic_language .da-dk {
  background-position: -303px -42px
}

.basic_language .sw-ke {
  background-position: -344px -43px
}

.basic_language .vi-vn {
  background-position: -10px -75px
}

.basic_language .ja-jp {
  background-position: -52px -75px
}

.basic_language .el-gr {
  background-position: -94px -75px
}

.basic_language .bn-bn {
  background-position: -135px -75px
}

.basic_language .mr-in {
  background-position: -177px -75px
}

.basic_language .nl-nl {
  background-position: -219px -75px
}

.basic_language .ru-ru {
  background-position: -261px -75px
}

.basic_language .fi-fi {
  background-position: -303px -75px
}

.basic_language .th-th {
  background-position: -10px -108px
}

.basic_language .kk-kz {
  background-position: -52px -108px
}

.basic_language .hu-hu {
  background-position: -94px -108px
}

.basic_language .my-my {
  background-position: -135px -108px
}

.basic_language .lv-lv {
  background-position: -177px -108px
}

.basic_language .ps-ar {
  background-position: -219px -108px
}

.basic_language .ro-ro {
  background-position: -261px -108px
}

.basic_language .cs-cz {
  background-position: -303px -108px
}

.basic_language .ko-kr {
  background-position: -52px -140px
}

.basic_language .ar-il {
  background-position: -94px -140px
}

.basic_language .nb-no {
  background-position: -135px -140px
}

.basic_language .fa-ir {
  background-position: -177px -140px
}

.basic_language .pt-br {
  background-position: -219px -140px
}

.basic_language .et-ee {
  background-position: -261px -140px
}

.basic_language .hr-hr {
  background-position: -303px -140px
}

.basic_language .ne-np {
  background-position: -10px -172px
}

.basic_language .ky-kg {
  background-position: -52px -172px
}

.basic_language .de-de {
  background-position: -94px -172px
}

.basic_language .sv-se {
  background-position: -135px -172px
}

.basic_language .sl-si {
  background-position: -177px -172px
}

.basic_language .fr-fr {
  background-position: -219px -172px
}

.basic_language .bg-bg {
  background-position: -261px -172px
}

.basic_language .pl-pl {
  background-position: -303px -172px
}

.pc_pattern .basic_article_list_swiper {
  padding: 0 60px;
  position: relative
}

.pc_pattern .basic_article_list_mb_swiper {
  display: none
}

.pc_pattern .basic_article_list_pc_swiper {
  display: block
}

.basic_article_list .basic_article_list_swiper .swiper-slide {
  height: auto !important;
  margin: 5px 0
}

.basic_article_list .basic_article_list_swiper .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.basic_article_list .basic_article_list_swiper .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_article_list .basic_article_list_swiper .prev {
  left: 10px
}

.basic_article_list .basic_article_list_swiper .next {
  right: 10px
}

.basic_article_list .basic_article_list_swiper .next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_article_list .basic_article_list_swiper .view_detail_contain {
  margin-bottom: 30px
}

.basic_article_list .basic_article_list_swiper .view_detail {
  color: #DA9B0E;
  font-size: 14px;
  width: 100%;
  text-align: center;
  display: block;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 20px
}

.mb_pattern .basic_article_list_pc_swiper {
  display: none
}

.mb_pattern .basic-article-list-box .u-list[data-type='4'] {
  padding-top: 0;
  padding-bottom: 0;
  width: calc(100% - 20px);
  white-space: nowrap;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 10px
}

.mb_pattern .basic-article-list-box .u-list[data-type='4']::-webkit-scrollbar {
  height: 0px
}

.mb_pattern .basic_article_list_mb_swiper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail div.news_detail_footer_mb {
  display: none
}

.basic_product_detail .news_detail_footer_1.news_detail_footer_mb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 768px) {
  .basic_product_detail div.news_detail_footer_mb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}

.basic_product_detail .my-news-footer {
  display: none
}

.basic_product_detail .news-footer-1,
.basic_product_detail .my-news-footer-1 {
  display: block
}

.basic_product_detail.basic_product_detail .view_pattern_pc {
  padding: 20px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 18px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper-left {
  padding-right: 20px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #657180;
  font-size: 13px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap .btn a {
  color: #657180
}

.basic_product_detail.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #657180;
  font-size: 13px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 {
  position: relative;
  font-size: 14px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap {
  overflow: visible !important;
  width: 100%;
  font-size: 14px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap:after {
  content: "";
  display: block;
  clear: both
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content {
  width: 43.75%;
  float: left
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
  width: auto;
  margin-right: 4.8%;
  position: relative
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #eee
}

@media screen and (min-width: 800px) {
  .basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content {
    cursor: url("../img/few_txt/plus.png"), auto
  }
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content .detail_big_pic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 14px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont {
  position: absolute;
  width: 12px;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouzuo {
  left: 0;
  margin-left: 2px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouyou {
  right: 0;
  margin-right: 2px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap {
  width: 92%;
  display: inline-block;
  margin-left: 4%;
  margin-right: 4%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .swiper-container {
  padding-bottom: 1px;
  padding-right: 1px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide {
  position: relative;
  font-size: 0;
  padding-bottom: 17.2%;
  padding-left: 17.2%
}

@media screen and (min-width: 800px) {
  .basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide {
    cursor: url("../img/few_txt/plus.png"), auto
  }
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/few_txt/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle[data-active] {
  border-color: #2b2b2b
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .play-icon {
  position: absolute;
  font-size: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 18px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  color: #999;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn a {
  color: #657180
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content {
  width: 56.25%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  font-size: 20px;
  line-height: 40px;
  color: #333;
  word-break: break-word;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: calc(100% - 120px);
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 20px;
  line-height: 40px;
  color: #333;
  word-break: break-word;
  font-weight: normal
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  min-width: 120px;
  text-align: left;
  border-left: 1px solid #f0f0f0;
  padding-left: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  text-align: center;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 6px;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  border-bottom: none !important;
  line-height: 40px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  font-size: 14px;
  color: #666
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  font-size: 14px;
  color: #666
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding-left: 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 138px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-3 .product_detail_wrap .product_detail_left_content {
  float: right
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content {
  width: 100%;
  float: none
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
  width: calc(100% - 100px);
  height: 0;
  padding-bottom: 450px;
  float: left
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
  width: 100px;
  height: 450px;
  display: inline-block;
  margin-top: 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouzuo {
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouyou {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap {
  height: 400px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap .list_box {
  height: 400px;
  margin-top: 25px;
  margin-bottom: 25px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_right_content {
  clear: both;
  width: 100%;
  margin-top: 15px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap {
  width: 100%;
  font-size: 14px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap:after {
  content: "";
  display: block;
  clear: both
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content {
  display: block;
  width: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: 0;
  font-size: 20px;
  color: #1a1a1a;
  white-space: normal;
  display: inline-block;
  padding-right: 20px;
  font-weight: normal
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  border-left: 0;
  padding-left: 0;
  padding-top: 6px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list {
  right: auto;
  left: -30px;
  text-align: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list::before {
  right: auto;
  left: 45px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  width: 50%;
  padding: 13px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  font-size: 14px;
  font-weight: 700;
  color: #4c4c4c;
  display: block;
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  font-size: 14px;
  color: #666;
  width: calc(100% - 120px)
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 138px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap {
  margin-top: 30px;
  margin-left: 10px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 6px;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  color: #999
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn a {
  color: #657180
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap {
  position: relative;
  display: inline-block;
  overflow: visible;
  width: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio {
  position: absolute;
  top: 262px;
  left: 12px;
  display: block;
  max-width: 20px;
  padding: 2px;
  width: 5%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item {
  width: 4px;
  height: 4px;
  background: #c1c1c1;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item[data-active] {
  border: 2px solid grey;
  width: 15px;
  height: 15px;
  background: 0 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content {
  max-width: 700px;
  width: 50%;
  float: left;
  padding-right: 4.8%;
  margin-left: 5%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
  margin-right: 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap {
  margin-top: 14px;
  position: relative
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: inline-block
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list {
  position: relative;
  border: 1px solid #ebebeb;
  margin-left: 0;
  margin-top: 36px;
  width: 100%;
  display: block;
  padding: 0 0 100% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (min-width: 800px) {
  .basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list {
    cursor: url("../img/few_txt/plus.png"), auto
  }
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/few_txt/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .position_center_middle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 10px 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 6px;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  color: #999
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn a {
  color: #657180
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content {
  top: 77px;
  left: 51%;
  padding-left: 30px;
  width: 40%;
  z-index: 2000;
  position: absolute;
  float: left;
  background: #fff
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  max-width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  font-size: 20px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding-right: 20px;
  font-weight: normal
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  text-align: right;
  min-width: 80px;
  padding-left: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  margin-top: 6px;
  margin-right: 8px;
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box.j-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box.j-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box.j-share-render-box .jz_share_list {
  text-align: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box.j-share-render-box .jz_share_list::before {
  right: 24px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap {
  margin-top: 35px;
  background: #f7f7f7;
  width: 100%;
  height: 100px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content {
  position: relative
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left {
  padding: 30px 0 0 29px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left .detail_price {
  font-weight: 700;
  color: #2b2b2b;
  font-size: 24px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right {
  display: inline-block;
  position: absolute;
  right: 5%;
  bottom: 5%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right .detail_sales {
  display: inline-block;
  font-size: 14px;
  color: #666
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin: 15px 0;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  line-height: 0;
  padding: 11.5px 0;
  border-bottom: 1px solid #f5f5f5
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  margin-right: 0;
  padding: 0 8px;
  display: inline-block;
  width: 9em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #4d4d4d;
  text-align: left;
  font-weight: 700;
  margin-right: 10px;
  line-height: 30px;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  line-height: 30px;
  display: inline-block;
  color: #666;
  font-size: 14px;
  vertical-align: top;
  width: calc(100% - 140px)
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding-left: 25px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 138px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .moduleStyle2 .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap {
  clear: both;
  margin-top: 80px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  font-size: 0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
  border: 1px solid #f0f0f0
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 160px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 54px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active]::before {
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  border: 2px solid;
  width: 100%
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel {
  margin: 25px 15px;
  font-size: 14px;
  color: #333
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e7e7e7
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
  overflow: hidden;
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_time {
  margin: 0 20px;
  width: 150px;
  text-align: center
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 3px
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
  display: inline-block;
  background: #f2f3f5;
  width: 80px;
  height: 34px;
  border-radius: 2px;
  color: #657180;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
  color: #fff !important
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn .goods_info_file_download {
  display: inline-block;
  width: 80px;
  height: 34px;
  border-radius: 2px;
  color: #657180;
  cursor: pointer
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn .goods_info_file_download:hover {
  color: #fff !important
}

.basic_product_detail.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
  text-align: left;
  padding: 0 20px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .detail_big_pic_content {
  position: relative;
  width: 100%;
  padding-bottom: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .detail_big_pic_content img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content {
  position: relative
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content {
  position: relative;
  padding-bottom: 100%
}

@media screen and (min-width: 800px) {
  .basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content {
    cursor: url("../img/few_txt/plus.png"), auto
  }
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/few_txt/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .position_center_middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .swiper-pagination {
  position: absolute;
  bottom: 14px;
  right: 14px;
  left: auto !important;
  width: 50px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  color: #fff
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content {
  width: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 15px 0 15px;
  font-size: 18px;
  line-height: 26px;
  width: auto;
  color: #333
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  line-height: 1.2;
  width: 90%;
  padding: 0;
  min-width: calc(100% - 120px);
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  font-weight: normal;
  font-size: 18px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  display: inline-block;
  border: none;
  text-align: left;
  padding: 0;
  min-width: auto;
  margin-left: 15px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  text-align: center;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_summary_content {
  margin: 15px;
  word-wrap: break-word;
  font-size: 14px;
  color: #666;
  line-height: 1.6
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 16px;
  padding-top: 16px;
  background-color: #f8f8f8
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px;
  color: #333;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_other-prefix {
  width: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  margin-left: 15px;
  margin-right: 5.3%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666;
  line-height: 60px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  width: calc(100% - 140px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_icon {
  display: inline-block;
  color: #999;
  margin-right: 12px;
  height: 60px;
  line-height: 60px;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 99999;
  -webkit-transition: 0.5s background-color, 0s 0.5s height;
  transition: 0.5s background-color, 0s 0.5s height
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_panel_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content {
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  -webkit-transition: 0.5s height;
  transition: 0.5s height
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  background-color: #fff;
  padding-bottom: 50px;
  overflow-y: auto
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_panel_title {
  height: 60px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap {
  width: 100%;
  overflow-y: auto;
  height: calc(100% - 60px);
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
  color: #666
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_title {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_value {
  vertical-align: top;
  width: calc(100% - 90px);
  padding-left: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  min-height: 50px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #2b2b2b;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] {
  height: 100%;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_panel_bg {
  background-color: rgba(0, 0, 0, 0.5)
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_content {
  height: 80%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 10;
  padding-left: 0;
  margin-top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap.product_button_wrap_flex .add-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap.product_button_wrap_flex .add-line .line-text {
  width: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap.product_button_wrap_flex .product_advisory_btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  height: 100%;
  line-height: 50px;
  width: 138px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_specific_wrap {
  margin-top: 0;
  padding-top: 16px;
  background-color: #f8f8f8
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  font-size: 0;
  background-color: #fff
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #333;
  font-size: 0;
  overflow: auto
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  color: #333;
  font-size: 14px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
  background: transparent;
  white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab span {
  position: relative;
  display: inline-block;
  height: 100%;
  min-width: 56px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active] span::before {
  content: " ";
  border-bottom: 2px solid #2b2b2b;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel {
  background-color: #fff;
  margin: 15px 15px;
  font-size: 14px;
  color: #333
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e7e7e7
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
  overflow: hidden;
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
  margin-left: 10px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 3px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
  display: inline-block;
  background: #f2f3f5;
  width: 80px;
  height: 34px;
  border-radius: 2px;
  color: #657180;
  cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
  color: #fff !important
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
  padding: 0 20px;
  text-align: left
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_other_message .detail_value {
  font-size: 14px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination {
  font-size: .156rem;
  color: #fff;
  letter-spacing: 0;
  line-height: .12rem;
  bottom: 33px;
  width: 100% !important;
  background: transparent !important
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination-bullet-active {
  width: 18px;
  height: 6px;
  background: #1B78EA;
  border-radius: 7px;
  margin-bottom: 1px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_title_wrap .detail_main_title {
  font-weight: 500;
  color: #08192D;
  font-size: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  padding-right: 0 !important
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_summary_content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-product-contact:not(:last-child) {
  margin: 0
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-contact-phone {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -moz-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .product_advisory_email.btn-product-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-contact-wechat {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: auto
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap.product_button_wrap_flex .add-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap.product_button_wrap_flex .add-line .line-text {
  width: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap.product_button_wrap_flex .product_advisory_btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .product_specific_wrap.mb_module_style_11 .detail_specfic_panel {
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  max-height: 23em;
  -webkit-box-orient: vertical
}

.basic_product_detail .wechat_show_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .3s;
  transition: all .3s
}

.basic_product_detail .wechat_show_dialog .wechat_show_box {
  padding: 25px;
  width: 440px;
  height: 450px;
  background: #fff;
  border-radius: 5px;
  -webkit-animation: fade ease .3s;
  animation: fade ease .3s;
  -webkit-transition: all .3s;
  transition: all .3s
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_header {
  text-align: right;
  line-height: 45px
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_header i {
  color: #aaa;
  font-size: 26px;
  cursor: pointer
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body {
  text-align: center
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body img {
  width: 256px;
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body p {
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px
}

@-webkit-keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.basic_product_detail .view_pattern_pc .moduleStyle_new {
  position: relative;
  font-size: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap {
  width: 100%;
  font-size: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content {
  width: 100%;
  max-width: 468px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child {
  position: relative;
  max-width: 468px;
  max-height: 468px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .prev {
  left: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .next {
  right: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .detail_big_pic_content {
  border: 1px solid #eee;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .detail_big_pic_content .position_center_middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 80%;
  max-height: 100%
}

@media screen and (min-width: 800px) {
  .basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .detail_big_pic_content {
    cursor: url("../img/few_txt/plus.png"), auto
  }
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content .banner_child .detail_big_pic_content .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/few_txt/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_main_title {
  color: #333;
  font-size: 20px;
  overflow: hidden;
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_other_message {
  margin-left: 0px;
  margin-top: 6px;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_other_message .detail_other {
  border-bottom: none !important;
  line-height: 40px;
  overflow: hidden;
  height: 40px;
  display: block
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_other_message .detail_other .detail_title {
  font-size: 14px;
  color: #666
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_other_message .detail_other .detail_value {
  font-size: 14px;
  color: #666
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 20px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .product_button_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .product_button_wrap .product_advisory_btn {
  width: 138px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_func_wrap {
  display: block;
  margin-bottom: 10px;
  height: 42px;
  margin-left: 10px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share {
  display: block;
  height: 100%;
  font-size: 0px;
  color: #333;
  vertical-align: middle;
  cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 42px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_text .u-icon.icon-fenxiang:before {
  line-height: 42px;
  font-size: 24px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_list {
  right: auto;
  left: -30px;
  text-align: center
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_list::before {
  right: auto;
  left: 45px
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_bottom_message .detail_share .g-share-render-box .jz_share_info.large-click-btn::after {
  left: 0;
  top: 0;
  bottom: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle_new .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic_product_detail .view_pattern_pc .fex_text .detail_big_pic_content {
  border: none !important
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .banner_child {
  width: 100%;
  max-width: none;
  max-height: none
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_left_content {
  width: 50%;
  min-width: 333px;
  max-width: 666px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content {
  margin-left: 50px;
  max-width: calc(50% - 50px)
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_main_title {
  font-weight: 500;
  color: #08192D;
  font-size: 42px;
  overflow: hidden;
  max-height: 118px;
  height: auto;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  line-height: 59px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_content.sum {
  -webkit-line-clamp: 2;
  color: #08192D;
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 0
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  max-height: 23em;
  -webkit-box-orient: vertical
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 28px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap .detail_specific_tab {
  padding: 7px 21px;
  text-align: center;
  font-size: 1em;
  max-width: 8em;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #E4E4E4;
  border-width: 1px 0;
  border-right-width: 1px;
  color: rgba(8, 25, 45, 0.6) !important;
  font-weight: 400
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap .detail_specific_tab:first-child {
  border-radius: 4px 0px 0px 4px;
  border-left-width: 1px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap .detail_specific_tab:last-child {
  border-radius: 0px 4px 4px 0px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap .detail_specific_tab:only-child {
  border-radius: 4px !important
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .detail_specific_tab_wrap .detail_specific_tab[data-active] {
  color: #fff !important;
  opacity: 1;
  background: #1B78EA;
  border: none
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons {
  margin-top: 30px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  width: 100%
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .product_advisory_btn {
  width: 138px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  background-color: var(--theme_color);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .product_advisory_btn {
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line {
  position: relative;
  padding-bottom: 10px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line .line-text {
  width: 138px;
  height: 42px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4F75EB;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  border-color: var(--theme_color);
  color: var(--theme_color);
  padding: 0 5px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line .line-text span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line .line-text .line-icon {
  height: 24px;
  margin-right: 8px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line .line-text .icon-down {
  margin-left: 8px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .product_button_wrap .add-line .line-ask-list {
  position: absolute;
  top: 50px;
  width: 138px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px;
  cursor: pointer
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background-color: #F3F3F3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 15px 15px;
  background-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.weixin {
  background-image: url("../img/weixin.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.weixin:hover {
  background-image: url("../img/weixin_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.qq {
  background-image: url("../img/qq.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.qq:hover {
  background-image: url("../img/qq_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.weibo {
  background-image: url("../img/weibo.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.weibo:hover {
  background-image: url("../img/weibo_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.phone {
  background-image: url("../img/phone.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.phone:hover {
  background-image: url("../img/phone_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.email {
  background-image: url("../img/email.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.email:hover {
  background-image: url("../img/email_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.qrcode {
  background-image: url("../img/qrcode.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .bottom_func_icons .bottom_func_icons_box .bottom_func_icons_box_item.qrcode:hover {
  background-image: url("../img/qrcode_h.png")
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation {
  margin-top: 124px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url("../img/arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 19px 11px;
  background-size: 19px 11px;
  background-color: #F3F3F3
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item:hover {
  background-image: url("../img/arrow_hover.png");
  -webkit-box-shadow: 0px 8px 22px 0px rgba(203, 203, 203, 0.3);
  box-shadow: 0px 8px 22px 0px rgba(203, 203, 203, 0.3)
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item.no-allow {
  background-image: url("../img/arrow_hover.png");
  -webkit-box-shadow: none;
  box-shadow: none
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item:last-child {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item:last-child:hover {
  -webkit-box-shadow: 0px -8px 22px 0px rgba(203, 203, 203, 0.3);
  box-shadow: 0px -8px 22px 0px rgba(203, 203, 203, 0.3)
}

.basic_product_detail .view_pattern_pc .fex_text .basic_product_detail_wrap .basic_product_detail_header .basic_product_detail_right_content .content_navigation .content_navigation_item.no_content {
  opacity: .5;
  cursor: not-allowed
}

.basic_product_detail .view_pattern_pc .fex_text .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_product_detail .view_pattern_pc .fex_text .pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}

.basic_product_detail .view_pattern_pc .fex_text .pagination .swiper-pagination-bullet-active {
  width: 18px;
  height: 6px;
  margin-top: 1px;
  background: #1B78EA;
  border-radius: 7px;
  margin-bottom: 1px
}

.basic_product_detail .view_pattern_pc .moduleStyle_6 .basic_product_detail_right_content {
  margin-right: 100px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_pc .moduleStyle_5 .basic_product_detail_left_content {
  margin-right: 100px
}

.basic_product_detail .view_pattern_pc .moduleStyle_5 .basic_product_detail_right_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_pc .moduleStyle_6 .basic_product_detail_header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5,
.basic_product_detail .view_pattern_pc .product_specific_wrap_6 {
  margin-top: 30px !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .detail_specific_tab_wrap,
.basic_product_detail .view_pattern_pc .product_specific_wrap_6 .detail_specific_tab_wrap {
  border: none !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .detail_specific_tab_wrap .detail_specific_tab,
.basic_product_detail .view_pattern_pc .product_specific_wrap_6 .detail_specific_tab_wrap .detail_specific_tab {
  border: 1px solid #f0f0f0;
  border-radius: 5px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .detail_specific_tab_wrap .detail_specific_tab[data-active],
.basic_product_detail .view_pattern_pc .product_specific_wrap_6 .detail_specific_tab_wrap .detail_specific_tab[data-active] {
  color: #fff !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .detail_specific_tab_wrap .detail_specific_tab[data-active]::before,
.basic_product_detail .view_pattern_pc .product_specific_wrap_6 .detail_specific_tab_wrap .detail_specific_tab[data-active]::before {
  border: none !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .product_specific_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .product_specific_content .detail_specific_tab_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 160px;
  margin-right: 5px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap_5 .product_specific_content .detail_specfic_panel {
  width: calc(100% - 160px)
}

.basic_product_detail .view_pattern_pc .product_advisory_btn,
.basic_product_detail .view_pattern_pc .product_advisory_email {
  margin-right: 10px
}

.basic_product_detail .view_pattern_pc .product_button_wrap {
  display: block
}

.basic_product_detail .view_pattern_pc .product_button_wrap .product_advisory_btn,
.basic_product_detail .view_pattern_pc .product_button_wrap .product_advisory_email {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top
}

.basic_product_detail .product_advisory_email i,
.basic_product_detail .product_advisory_email span {
  vertical-align: middle
}

.basic_product_detail .mb_module_style_11 .btn-product-contact {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: -2px 0px 12px 0px rgba(50, 62, 146, 0.21);
  box-shadow: -2px 0px 12px 0px rgba(50, 62, 146, 0.21)
}

.basic_product_detail .view_pattern_mb .product_button_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail .view_pattern_mb .product_button_wrap.product_button_wrap_flex .add-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .product_button_wrap.product_button_wrap_flex .add-line .line-text {
  width: 100%
}

.basic_product_detail .view_pattern_mb .product_button_wrap.product_button_wrap_flex .product_advisory_btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_mb .btn-product-contact:not(:last-child) {
  margin-right: 10px
}

.basic_product_detail .view_pattern_mb .btn-product-contact {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_product_detail .view_pattern_mb .product_advisory_btn {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2
}

.basic_product_detail .view_pattern_mb .product_advisory_email {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mb_pattern .basic_product_detail .wechat_show_box {
  padding: 0 0 20px;
  width: 280px;
  min-height: 265px;
  height: auto
}

.mb_pattern .basic_product_detail .wechat_show_box .box_header i {
  margin-right: 10px;
  font-size: 24px
}

.mb_pattern .basic_product_detail .wechat_show_box .box_body img {
  width: 210px;
  height: 210px
}

.mb_pattern .basic_product_detail .wechat_show_box .box_body p {
  font-size: 16px
}

.pc_pattern .basic_product_detail .product_advisory_email {
  width: auto;
  padding: 0 15px;
  max-width: 100%;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mb_pattern .basic_product_detail .product_advisory_email {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 50px;
  width: 100%;
  color: #fff;
  font-size: 15px;
  text-align: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  cursor: pointer
}

.basic_product_detail .product_advisory_email a {
  width: 100%;
  display: inline-block;
  height: 100%
}

.basic_product_detail .product_advisory_email .title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff
}

.basic_product_detail .product_advisory_email i {
  font-size: 18px
}

.basic_product_detail .ul-set .detail_specfic_panel_item ol,
.basic_product_detail .ul-set .detail_specfic_panel_item li {
  list-style: decimal
}

.basic_product_detail .ul-set .detail_specfic_panel_item ul li {
  list-style: disc
}

.basic_product_detail .ul-set .detail_specfic_panel_item a {
  cursor: pointer
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap {
  overflow: visible
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: 0;
  font-size: 20px;
  color: #1a1a1a;
  white-space: normal;
  display: inline-block;
  padding-right: 20px
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  border-left: 0;
  padding-left: 0;
  padding-bottom: 6px
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic_product_detail .view_pattern_mb .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic_product_detail .view_pattern_mb .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.product_scale {
  display: none
}

.product_scale .basic_img_scale {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0% !important;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2022
}

.product_scale .basic_img_scale .close-icon {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 22px;
  top: 10px;
  cursor: pointer;
  z-index: 20
}

.product_scale .basic_img_scale .close-icon .jz-icon-close {
  width: 20px;
  height: 20px
}

.product_scale .basic_img_scale .img_scale_content {
  height: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.product_scale .basic_img_scale .img_scale_content .img-scale {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.product_scale .basic_img_scale .img_scale_content .img-scale .img-center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  overflow: hidden
}

.product_scale .basic_img_scale .img_scale_content .img-scale .arrow {
  position: absolute;
  z-index: 10;
  width: 70px;
  height: 70px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  top: 50%;
  left: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%
}

.product_scale .basic_img_scale .img_scale_content .img-scale .arrow:hover {
  background-color: rgba(0, 0, 0, 0.5)
}

.product_scale .basic_img_scale .img_scale_content .img-scale .arrow .jz-icon-arrow {
  width: 30px
}

.product_scale .basic_img_scale .img_scale_content .img-scale .arrow.arrow-right {
  left: auto;
  right: 40px
}

.product_scale .basic_img_scale .img_scale_content .btns {
  margin-top: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product_scale .basic_img_scale .img_scale_content .btns .icon-scale {
  color: #fff;
  font-size: 30px;
  margin: 0 30px;
  cursor: pointer
}

.product_scale .basic_img_scale .img_scale_content .btns .icon-scale.icon-scale-disabled {
  cursor: not-allowed
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute {
  position: absolute;
  left: 50%;
  padding: 0 23px;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  width: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 296px
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center .ftse-0_px {
  color: #fff;
  height: 50px;
  cursor: pointer
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center .ftse-0_px:hover {
  background-color: rgba(0, 0, 0, 0.7)
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center .ftse-0_px.icon-scale-disabled {
  cursor: not-allowed
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center .ftse-0_px .wh-50_px {
  width: 50px
}

.product_scale .basic_img_scale .img_scale_content .pn-absolute .anis-center .ftse-0_px .ht-50_px {
  height: 50px
}

.product_scale .basic_img_scale_mini {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0% !important;
  overflow: hidden;
  background: #000;
  z-index: 2022
}

.product_scale .basic_img_scale_mini .show_mini_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px
}

.product_scale .basic_img_scale_mini .show_mini_top .cr-pointer {
  color: #fff
}

.product_scale .basic_img_scale_mini .show_mini_top .cr-pointer .jz-icon-arrow-back {
  width: 20px;
  height: 20px
}

.product_scale .basic_img_scale_mini .show_mini_top .cr-pointer .jz-image-viewer__count {
  color: #fff;
  font-size: 14px
}

.product_scale .basic_img_scale_mini .img_mini {
  width: 100%;
  height: 100%
}

.product_scale .basic_img_scale_mini .img_mini .swiper_list_box {
  width: 100%;
  height: 100%
}

.product_scale .basic_img_scale_mini .img_mini .swiper_list_box .slide-list {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product_scale .basic_img_scale_mini .img_mini .swiper_list_box .slide-list img {
  max-width: 100%;
  max-height: 100%
}

.pc_pattern .ask-container .line-list .item-link:hover .qrcode {
  display: block
}

.ask-container {
  display: none
}

.ask-container .line-list .item-link {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.ask-container .line-list .item-link:hover {
  background: #F0F0F0
}

.ask-container .line-list .item-link .icon-img {
  width: 20px;
  margin: 0 8px
}

.ask-container .line-list .item-link .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333
}

.ask-container .line-list .item-link .qrcode {
  display: none;
  position: absolute;
  left: calc(100% + 20px);
  top: 0;
  width: 138px;
  height: 138px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 12px;
  z-index: 998
}

.ask-container .line-list .item-link .qrcode img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.ask-container .line-list.line-list-disbaled {
  position: relative
}

.ask-container .line-list.line-list-disbaled:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  content: '';
  display: block
}

.ask-container .line-list.line-list-disbaled .item-link .icon-img {
  opacity: 0.4
}

.view_pattern_mb .ask-container .line-list .item-link .qrcode {
  top: auto;
  bottom: 0
}

.pc_pattern .basic_product_detail .view_pattern_pc .product_button_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail .view_pattern_pc .product_button_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_product_detail .product_button_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer
}

.basic_product_detail .product_button_wrap .product_advisory_btn {
  border-radius: 4px
}

.basic_product_detail .product_button_wrap .add-line {
  position: relative;
  padding-bottom: 10px
}

.basic_product_detail .product_button_wrap .add-line .line-text {
  width: 138px;
  height: 42px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4F75EB;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  padding: 0 5px
}

.basic_product_detail .product_button_wrap .add-line .line-text span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic_product_detail .product_button_wrap .add-line .line-text .line-icon {
  height: 24px;
  margin-right: 8px
}

.basic_product_detail .product_button_wrap .add-line .line-text .icon-down {
  margin-left: 8px
}

.basic_product_detail .product_button_wrap .add-line .line-ask-list {
  position: absolute;
  top: 50px;
  width: 138px;
  z-index: 3;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px
}

.view_pattern_mb .product_button_wrap,
.view_pattern_mb_few_txt .product_button_wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.view_pattern_mb .product_button_wrap.product_button_wrap_flex .add-line,
.view_pattern_mb_few_txt .product_button_wrap.product_button_wrap_flex .add-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.view_pattern_mb .product_button_wrap.product_button_wrap_flex .add-line .line-text,
.view_pattern_mb_few_txt .product_button_wrap.product_button_wrap_flex .add-line .line-text {
  width: 100%
}

.view_pattern_mb .product_button_wrap.product_button_wrap_flex .product_advisory_btn,
.view_pattern_mb_few_txt .product_button_wrap.product_button_wrap_flex .product_advisory_btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.view_pattern_mb .product_button_wrap .add-line,
.view_pattern_mb_few_txt .product_button_wrap .add-line {
  margin-right: 10px;
  padding-bottom: 0;
  position: relative
}

.view_pattern_mb .product_button_wrap .add-line .line-text,
.view_pattern_mb_few_txt .product_button_wrap .add-line .line-text {
  height: 50px
}

.view_pattern_mb .product_button_wrap .add-line .line-ask-list,
.view_pattern_mb_few_txt .product_button_wrap .add-line .line-ask-list {
  position: absolute;
  top: auto;
  bottom: 58px
}

.view_pattern_mb .product_button_wrap .btn-product-contact:not(:last-child),
.view_pattern_mb_few_txt .product_button_wrap .btn-product-contact:not(:last-child) {
  margin-right: 0px
}

.vjs-poster {
  opacity: 0
}

.video-js .vjs-time-tooltip {
  width: 3rem !important;
  display: inline-block !important
}

.vjs-mouse-display .vjs-volume-tooltip {
  word-break: normal
}

.video-js .vjs-time-control {
  display: block
}

.video-js .vjs-current-time {
  display: block !important
}

.video-js .vjs-time-control {
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
  min-width: 0 !important
}

.video-js .vjs-duration {
  display: block !important
}

.video-js.video-js .vjs-volume-level:before {
  font-size: 12px
}

.video-js .vjs-slider-vertical .vjs-volume-level:before {
  left: -4px
}

.video-js.video-js .vjs-play-progress:before {
  top: -4px
}

.js-focus-visible .video-js *:focus.focus-visible {
  outline: none
}

.video-js *:focus:focus-visible {
  outline: none
}

.video-js .vjs-big-play-button {
  font-size: 0 !important;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  width: 56px !important;
  height: 56px !important;
  margin-top: -30px !important;
  margin-left: -30px !important;
  border-radius: 50% !important;
  border-color: #fff !important;
  background-color: #73859f !important;
  background-color: rgba(115, 133, 159, 0.5) !important
}

.vjs-big-play-button .vjs-icon-placeholder:before {
  content: "" !important
}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block !important
}

.mb_pattern .pc_select_dom {
  display: none
}

.mb_pattern .pc_provinces_dom {
  display: none
}

.pc_pattern .mb_select_dom {
  display: none
}

.pc_pattern .mb_provinces_dom {
  display: none
}

.pc_pattern .module_wrap {
  padding-top: 20px
}

.mb_pattern .module_wrap_0,
.mb_pattern .module_wrap_1 {
  padding-top: 28px
}

.mb_pattern .module_wrap_1 {
  padding-top: 18px
}

.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::after,
.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.picker .picker-panel .picker-choose {
  font-size: 16px !important;
  color: #333 !important
}

.picker .picker-panel .picker-choose .confirm {
  color: #5874d8 !important
}

.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
  color: #000 !important;
  font-size: 18px !important
}

.picker {
  z-index: 5000 !important
}

.picker .picker-mask {
  z-index: 5000 !important
}

.picker .picker-panel {
  z-index: 6000 !important
}

.pc_pattern .bg_video_mask .cancelDialogVideo {
  background-color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  line-height: 34px;
  text-align: center
}

.pc_pattern .bg_video_mask .clearmb,
.pc_pattern .bg_video_mask .clearmb .video-js,
.pc_pattern .bg_video_mask iframe {
  width: 960px;
  height: 540px;
  overflow: hidden
}

.pc_pattern .bg_video_mask .video_dialog {
  width: 960px;
  height: 540px
}

.mb_pattern .bg_video_mask .cancelDialogVideo {
  left: 20px
}

.mb_pattern .bg_video_mask .video_dialog {
  width: 100%;
  height: 100%
}

.mb_pattern .bg_video_mask .dialogVideoDiv .video-js,
.mb_pattern .bg_video_mask .clearmb {
  width: 100%;
  height: 100%
}

.mb_pattern .bg_video_mask .video-js video {
  width: 100%;
  height: 425px !important
}

.pc_pattern .flv_content .flv_play_btn {
  top: 50%;
  opacity: 1
}

.mb_pattern .basic_video_index .img_flv_div .flv_play_btn {
  top: 50%;
  opacity: 1
}

.mb_pattern .basic_video_index .module_content {
  padding: 0
}

.bg_video_mask {
  display: none
}

.bg_video_mask .popupBg {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #000;
  z-index: 9031;
  overflow: hidden;
  opacity: 0.3;
  -webkit-transition: all 3s;
  transition: all 3s
}

.bg_video_mask .video_dialog {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.bg_video_mask .video_dialog .dialogVideoDiv {
  height: 100%;
  position: relative
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb {
  background: #000
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb iframe {
  position: absolute;
  width: 100%;
  height: 100%
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .local_add_video .flv_play_btn {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  cursor: pointer;
  z-index: 9999
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .flv_play_inframe_wrap {
  position: absolute;
  width: 100%;
  padding-bottom: 58%;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .flv_play_inframe_wrap .flv_play_inframe {
  width: 100%;
  height: 100%;
  position: absolute
}

.bg_video_mask .video_dialog .dialogVideoDiv .video-js .vjs-tech {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.bg_video_mask .video_dialog .dialogVideoDiv .cancelDialogVideo {
  z-index: 9999;
  right: 20px;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  position: absolute;
  margin-top: 14px
}

#detail_content_word_wrap div,
#detail_content_word_wrap span,
#detail_content_word_wrap h1,
#detail_content_word_wrap h2,
#detail_content_word_wrap h3,
#detail_content_word_wrap h4,
#detail_content_word_wrap h5,
#detail_content_word_wrap h6,
#detail_content_word_wrap p,
#detail_content_word_wrap a,
#detail_content_word_wrap em,
#detail_content_word_wrap strong,
#detail_content_word_wrap sub,
#detail_content_word_wrap sup,
#detail_content_word_wrap tt,
#detail_content_word_wrap b,
#detail_content_word_wrap i,
#detail_content_word_wrap dl,
#detail_content_word_wrap dt,
#detail_content_word_wrap dd,
#detail_content_word_wrap ol,
#detail_content_word_wrap ul,
#detail_content_word_wrap li,
#detail_content_word_wrap label,
#detail_content_word_wrap table,
#detail_content_word_wrap tbody,
#detail_content_word_wrap tfoot,
#detail_content_word_wrap thead,
#detail_content_word_wrap tr,
#detail_content_word_wrap th,
#detail_content_word_wrap td,
#detail_content_word_wrap article,
#detail_content_word_wrap aside,
#detail_content_word_wrap embed,
#detail_content_word_wrap footer,
#detail_content_word_wrap header,
#detail_content_word_wrap menu,
#detail_content_word_wrap nav,
#detail_content_word_wrap section,
#detail_content_word_wrap summary {
  word-break: normal !important
}

.s_footnav__bigpic {
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-background-size: contain;
  background-size: contain;
  font-size: 20px !important;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  cursor: pointer
}

.s_footnav__whitecircle {
  width: 50px;
  height: 50px;
  top: -21px;
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.12);
  z-index: 3001;
  background-color: #fff
}

.s_footnav__bigicon {
  width: 42px;
  height: 42px;
  top: -17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 3002
}

.s_footnav__bigicon,
.s_footnav__whitecircle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.s_footnav__holdwrap {
  height: 51px
}

.s_footnav__wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ebebeb;
  -webkit-transition: left, bottom .5s;
  transition: left, bottom .5s;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  display: none;
  z-index: 3005
}

.mb_pattern .s_footnav__wrap {
  display: block !important
}

.s_footnav__sublist {
  position: absolute;
  -webkit-transform: translateY(calc(-100% - 10px));
  -ms-transform: translateY(calc(-100% - 10px));
  transform: translateY(calc(-100% - 10px));
  padding: 3px 0 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  z-index: 3002
}

.s_footnav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 3001
}

.s_footnav__subitem {
  width: 90px;
  padding: 10px 0;
  margin: 0 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
  color: #333;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative
}

.s_footnav__subitem:last-of-type {
  border: none
}

.s_footnav__triangle {
  width: 0;
  height: 0;
  border: 6.8px solid transparent;
  border-top: 6.8px solid #fff;
  position: absolute;
  left: 50%;
  bottom: -13.6px;
  margin-left: -6.8px
}

.s_footnav__triangle:before {
  content: "";
  width: 0;
  height: 0;
  border: 6.8px solid transparent;
  border-top: 6.8px solid #ebebeb;
  z-index: -1;
  position: absolute;
  left: -6.8px;
  top: -5.5px
}

.s_footnav__item {
  color: #666;
  text-decoration: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  background: #fff;
  position: relative
}

.s_footnav__item,
.s_footnav__list-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.s_footnav__pic {
  color: rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-background-size: contain;
  background-size: contain;
  font-size: 20px !important;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center
}

.s_footnav__name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 13px
}

.s_footnav__style-1 {
  background-color: #fff
}

.s_footnav__style-2 .s_footnav__list .s_footnav__item:first-child {
  width: 15%;
  max-width: 15%
}

.s_footnav__style-2 .s_footnav__list .s_footnav__item:not(:first-child) {
  border-left: 1px solid #ebebeb
}

.s_footnav__holdwrap-3 {
  height: 0 !important
}

.s_footnav__style-3 {
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
  height: 40px;
  border-top: 0
}

.s_footnav__style-3 .s_footnav__item:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}

.s_footnav__style-3 .s_footnav__item:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}

.s_footnav__style-3 .s_footnav__item {
  background: rgba(238, 238, 238, 0.9)
}

.s_footnav__style-3 .s_footnav__list .s_footnav__item:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.8)
}

.basic_classification .img_content_1,
.basic_classification .img_content_2 {
  width: 100px;
  height: 100%;
  text-align: center;
  -webkit-transition: all 4s ease;
  transition: all 4s ease
}

.basic_classification .open {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.basic_classification .level_2,
.basic_classification .level_3 {
  display: none
}

.basic_classification .view_pattern_pc a {
  -webkit-transition: all 0 0.35s cubic-bezier 0.4, 0, 0.2, 1;
  -moz-transition: all 0 0.35s cubic-bezier 0.4, 0, 0.2, 1;
  -ms-transition: all 0 0.35s cubic-bezier 0.4, 0, 0.2, 1;
  -o-transition: all 0 0.35s cubic-bezier 0.4, 0, 0.2, 1;
  transition: all 0 0.35s cubic-bezier 0.4, 0, 0.2, 1;
  display: inline-block
}

.basic_classification .view_pattern_pc .level_icon {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: inline-block
}

.basic_classification .view_pattern_pc .icon_position_right .label_3_name,
.basic_classification .view_pattern_pc .icon_position_ .label_3_name {
  padding-left: 60px
}

.basic_classification .view_pattern_pc .icon_position_left .label_3_name {
  padding-left: 150px
}

.basic_classification .view_pattern_pc .item_content_left {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  width: 100%
}

.basic_classification .view_pattern_pc .item_content_left .label_2_name {
  padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content_left .level_2_icon {
  margin-left: 20px
}

.basic_classification .view_pattern_pc .item_content_right {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  width: 100%
}

.basic_classification .view_pattern_pc .item_content_right .label_1_name {
  padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content_right .label_2_name {
  padding-left: 40px
}

.basic_classification .view_pattern_pc .item_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}

.basic_classification .view_pattern_pc .item_content .label_1_name {
  padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content .label_2_name {
  padding-left: 40px
}

.basic_classification .view_pattern_pc a {
  -webkit-background-clip: text;
  font-size: 16px;
  color: #333;
  line-height: 32px
}

.basic_classification .view_pattern_pc .type_0 .label_3_name {
  padding-right: 20px;
  word-wrap: break-word;
  display: inline-block
}

.basic_classification .view_pattern_pc .type_1 .level_2_content {
  position: relative
}

.basic_classification .view_pattern_pc .type_1 .child_content {
  background-color: #F2F2F2
}

.basic_classification .view_pattern_pc .type_1 .level_3 {
  position: absolute;
  left: 100%;
  z-index: 100;
  top: 0;
  width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 500px
}

.basic_classification .view_pattern_pc .type_1 .level_3 .son_content {
  padding-left: 20px;
  padding-right: 20px
}

.basic_classification .view_pattern_pc .type_1 .level_3 .label_3_name {
  padding-left: 0;
  padding-right: 20px
}

.basic_classification .view_pattern_pc .type_2 .left_content {
  position: relative
}

.basic_classification .view_pattern_pc .type_2 .left_content li:last-child .left_level1_content {
  border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_pc .type_2 .left_content li .left_level1_content {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  width: 100%
}

.basic_classification .view_pattern_pc .type_2 .left_content li .left_level1_content .parent_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666
}

.basic_classification .view_pattern_pc .type_2 .right_content {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 300px;
  border: 2px solid #ececec;
  background-color: #FFF;
  color: #333;
  font-size: 12px;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow-x: hidden;
  overflow-y: auto;
  height: 300px;
  max-width: 100%;
  padding: 10px 20px 10px 10px;
  z-index: 100;
  display: none
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_2 {
  display: block !important
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_2 a {
  line-height: 34px;
  font-size: 14px;
  color: #333;
  font-weight: bold
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_3 {
  display: block !important;
  padding-left: 10px
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_3 a {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  padding-right: 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2,
.basic_classification .view_pattern_pc .content_detail_style5 .level_3 {
  display: block
}

.basic_classification .view_pattern_pc .content_detail_style5 a {
  line-height: 32px;
  padding: 0 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 12px;
  position: relative;
  border-bottom: 1px solid #ececec !important
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li>div .title a {
  width: 100%;
  display: inline-block;
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 32px;
  padding: 0 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li::after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  height: calc(100% - 40px);
  border-right: 1px dashed #ececec
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2>li {
  width: 100%;
  display: inline-block
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2>li>a {
  width: 100%;
  display: inline-block;
  line-height: 32px;
  padding: 0 20px;
  font-size: 14px;
  color: #666
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_3>li {
  width: 100%;
  display: inline-block
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_3>li>a {
  width: 100%;
  display: inline-block;
  line-height: 32px;
  font-size: 14px;
  color: #666
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1>li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 12px;
  position: relative;
  border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1>li::after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  height: calc(100% - 40px);
  border-right: 1px dashed #ececec
}

.basic_classification .view_pattern_mb .level_icon {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: inline-block
}

.basic_classification .view_pattern_mb .item_content_left {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%
}

.basic_classification .view_pattern_mb .item_content_left .label_2_name {
  padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content_left .label_3_name {
  padding-left: 100px
}

.basic_classification .view_pattern_mb .item_content_left .level_2_icon {
  margin-left: 20px
}

.basic_classification .view_pattern_mb .item_content_right {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.basic_classification .view_pattern_mb .item_content_right .label_1_name {
  padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content_right .label_2_name {
  padding-left: 40px
}

.basic_classification .view_pattern_mb .item_content_right .label_3_name {
  padding-left: 60px
}

.basic_classification .view_pattern_mb .item_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.basic_classification .view_pattern_mb .item_content .label_1_name {
  padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content .label_2_name {
  padding-left: 40px
}

.basic_classification .view_pattern_mb .item_content .label_3_name {
  padding-left: 60px
}

.basic_classification .view_pattern_mb .data_empty {
  padding: 48px 0
}

.basic_classification .view_pattern_mb .data_empty .empty_tips_text {
  font-size: 14px;
  margin-top: 0
}

.basic_classification .view_pattern_mb .content_detail a {
  color: #333;
  position: relative
}

.basic_classification .view_pattern_mb .content_detail a.actived {
  color: var(--theme_color) !important
}

.basic_classification .view_pattern_mb .content_detail .level_1>li>div {
  border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_1>li>div a {
  font-size: 15px
}

.basic_classification .view_pattern_mb .content_detail .level_2>li>div {
  border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_2>li>div a {
  font-size: 14px
}

.basic_classification .view_pattern_mb .content_detail .level_3>li>div {
  border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_3>li>div a {
  font-size: 14px;
  padding-left: 60px
}

.mb_pattern .mobilePart {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_development_history .history_0 {
  margin-bottom: 31px;
  overflow: hidden;
  padding-top: 30px
}

.basic_development_history .history_0 .title {
  color: #333;
  line-height: 28px;
  margin-bottom: 13px
}

.basic_development_history .history_0 .container {
  margin-right: auto;
  margin-left: auto;
  width: 100%
}

.basic_development_history .history_0 ul {
  margin-top: 41px;
  padding-top: 30px;
  overflow: hidden;
  position: relative
}

.basic_development_history .history_0 ul:before {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 88px;
  background: url("../img/top.png") no-repeat top center;
  z-index: 2
}

.basic_development_history .history_0 ul:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100px;
  background: #e9e9e9;
  z-index: 1
}

.basic_development_history .history_0 ul li {
  position: relative;
  overflow: hidden;
  margin: 0 0px 40px 0px
}

.basic_development_history .history_0 ul li .li_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_development_history .history_0 ul li .left {
  width: 100px;
  padding: 15px;
  word-wrap: break-word
}

.basic_development_history .history_0 ul li .left1 {
  position: absolute;
  top: 0;
  left: 5px;
  height: 30px;
  width: 100px;
  z-index: 4;
  background: url("../img/dot09.png") no-repeat center right
}

.basic_development_history .history_0 ul li .right1 {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  padding-left: 40px;
  padding: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.mb_pattern .basic_development_history .history_0 ul li .right1 {
  padding-left: 30px
}

.mb_pattern .basic_development_history .history_0 ul li {
  margin-bottom: 20px
}

.basic_development_history .history_1 {
  padding: 61px 0 100px 0;
  overflow: hidden
}

.basic_development_history .history_1 .container {
  width: 100%
}

.basic_development_history .history_1 .container .home-title {
  position: relative;
  padding-top: 5px;
  text-align: center
}

.basic_development_history .history_1 .bottom {
  text-align: center;
  padding-top: 15px;
  overflow: hidden
}

.basic_development_history .history_1 .bottom ul {
  padding-bottom: 20px;
  position: relative
}

.basic_development_history .history_1 .bottom ul:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background: #ccdded;
  margin-left: -0.5px
}

.basic_development_history .history_1 .bottom ul li .box {
  position: relative
}

.basic_development_history .history_1 .bottom ul li .text {
  width: 50%;
  padding-right: 15px;
  padding-top: 15px
}

.basic_development_history .history_1 .bottom ul li .bt {
  margin-bottom: 20px
}

.basic_development_history .history_1 .bottom ul li .jsh1 {
  line-height: 24px;
  font-size: 16px;
  text-align: left
}

.basic_development_history .history_1 .bottom ul li .jsh1 .jsh1_content {
  background: url(../img/dot1.png) no-repeat left 11px;
  margin-bottom: 18px
}

.basic_development_history .history_1 .bottom ul .even .text {
  float: right
}

.basic_development_history .history_1 .bottom ul .even .text .bt {
  text-align: left;
  background: url(../img/bleft.png) no-repeat center left;
  padding-left: 110px;
  width: 100%;
  word-wrap: break-word
}

.basic_development_history .history_1 .bottom ul .even .text .jsh1 {
  padding-left: 80px
}

.basic_development_history .history_1 .bottom ul .even .text .jsh1 .jsh1_content {
  padding-left: 30px
}

.basic_development_history .history_1 .bottom ul .odd .text {
  float: left;
  padding-left: 15px;
  padding-right: 0
}

.basic_development_history .history_1 .bottom ul .odd .text .bt {
  text-align: right;
  background: url(../img/bright.png) no-repeat center right;
  padding-right: 110px
}

.basic_development_history .history_1 .bottom ul .odd .text .jsh1 {
  text-align: right;
  margin-right: 80px
}

.basic_development_history .history_1 .bottom ul .odd .text .jsh1 .jsh1_content {
  background: url(../img/dot1.png) no-repeat right 11px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px
}

.basic_development_history .history_1 .bottom .more {
  width: 103px;
  height: 103px;
  margin: 0 auto
}

.basic_development_history .history_1 .bottom .more a {
  display: block
}

.mb_pattern .basic_development_history .history_1 ul:after {
  left: 15px;
  margin-left: 0
}

.mb_pattern .basic_development_history .history_1 ul .more {
  width: 32px;
  height: 32px;
  margin: 0
}

.mb_pattern .basic_development_history .history_1 ul li .box {
  margin-left: -66px
}

.mb_pattern .basic_development_history .history_1 ul li .box .text {
  float: none !important;
  padding-top: 15px !important;
  padding-right: 0px !important;
  width: 100%
}

.mb_pattern .basic_development_history .history_1 ul li .bt {
  z-index: 2;
  position: relative;
  padding: 0 0 0 105px !important
}

.mb_pattern .basic_development_history .history_1 ul li .jsh1 {
  font-size: 14px;
  margin-left: 100px;
  padding: 0 !important;
  margin-right: 0 !important
}

.mb_pattern .basic_development_history .history_1 ul li .jsh1 .jsh1_content {
  padding-bottom: 10px;
  padding-right: 15px !important;
  padding-left: 5px !important;
  background: none !important;
  text-align: left
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt {
  padding: 0 0 0 105px !important
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt .jsh1 {
  padding: 0 15px 15px 80px
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt .jsh1 .jsh1_content {
  padding-left: 20px
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .bt {
  text-align: left;
  background: url(../img/bleft.png) no-repeat center left;
  padding-left: 100px;
  margin-left: -15px
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .jsh1 {
  text-align: left;
  margin-right: 0;
  margin-left: 80px !important
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .jsh1 .jsh1_content {
  background: url(../img/dot1.png) no-repeat left 11px;
  padding-left: 20px;
  margin-left: 0px;
  padding-right: 15px
}

.basic_development_history .history_2 {
  padding: 30px 0;
  overflow: hidden
}

.basic_development_history .history_2 .in-title {
  text-align: center
}

.basic_development_history .history_2 .in-bottom {
  margin-top: 65px;
  position: relative;
  overflow: hidden;
  text-align: left
}

.basic_development_history .history_2 .in-bottom .history_ul {
  position: relative;
  z-index: 3;
  padding-bottom: 104px
}

.basic_development_history .history_2 .in-bottom .history_ul .swiper-slide {
  height: auto !important
}

.basic_development_history .history_2 .in-bottom .history_ul .box {
  position: relative;
  padding: 0 10px 0 15px;
  height: 100%
}

.basic_development_history .history_2 .in-bottom .history_ul .box:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #e5e5e5;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1
}

.basic_development_history .history_2 .in-bottom .history_ul .box .date {
  background: url("../img/hh.png") no-repeat top center;
  display: inline-block;
  font-size: 15px;
  color: #777;
  width: 100%;
  padding-top: 40px;
  font-family: arial;
  margin-bottom: 29px;
  position: relative;
  z-index: 3;
  margin-top: 15px
}

.basic_development_history .history_2 .in-bottom .history_ul .box .jsh {
  font-size: 15px;
  color: #555;
  line-height: 25px;
  overflow: hidden;
  margin-bottom: 57px
}

.mb_pattern .basic_development_history .history_2 .container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%
}

.mb_pattern .basic_development_history .history_2 .in-bottom {
  margin-top: 20px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul {
  margin: 0;
  padding-bottom: 64px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box {
  margin-left: 0
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .date,
.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box:hover .date {
  margin-bottom: 0;
  background: none;
  padding-bottom: 10px;
  padding-top: 0
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box:after {
  display: none !important
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .num {
  font-size: 30px;
  line-height: 50px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .jsh {
  font-size: 14px;
  margin-bottom: 0
}

.basic_development_history .history_2 .in-bottom .history_ul .box:hover .date {
  background: url("../img/h.png") no-repeat top center
}

.basic_development_history .history_2 .in-bottom .slick-prev,
.basic_development_history .history_2 .in-bottom .slick-next {
  top: auto;
  bottom: 0;
  width: 44px;
  height: 44px;
  z-index: 3;
  font-size: 0;
  line-height: 0;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none
}

.basic_development_history .history_2 .in-bottom .slick-prev {
  left: 50%;
  margin-left: -60px;
  background: url("../img/left3.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-prev:hover {
  background: url("../img/left3h.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-next {
  right: 50%;
  margin-right: -60px;
  background: url("../img/right3.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-next:hover {
  background: url("../img/right3h.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-prev:before,
.basic_development_history .history_2 .in-bottom .slick-next:before {
  content: ""
}

.basic_development_history .history_3 {
  padding: 30px 15px;
  text-align: center;
  background-color: rgba(156, 150, 150, 0.5)
}

.basic_development_history .history_3 .history-bottom {
  margin: 102px 0 0 0;
  overflow: hidden;
  position: relative;
  margin-top: 20px
}

.basic_development_history .history_3 .history-bottom .slick-prev {
  background: #fff url(../img/left2.png) no-repeat center center;
  left: 0;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  margin-top: -44px;
  z-index: 66;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%
}

.basic_development_history .history_3 .history-bottom .slick-next {
  background: #fff url(../img/right2.png) no-repeat center center;
  right: 0;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  margin-top: -44px;
  z-index: 66;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%
}

.basic_development_history .history_3 .history-bottom:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -21px;
  z-index: 1
}

.basic_development_history .history_3 .history-bottom .history_ul {
  margin-top: 20px;
  padding: 0 40px;
  position: relative;
  z-index: 2
}

.basic_development_history .history_3 .history-bottom .history_ul .swiper-slide {
  background-color: transparent !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .box {
  padding-left: 15px;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  text-align: left
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .box:after {
  content: '';
  display: block;
  height: 240px;
  width: 27px;
  bottom: 30px;
  position: absolute;
  left: 0;
  background: url(../img/line1.png) no-repeat bottom center
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr {
  -webkit-transition: .5s;
  transition: .5s;
  padding: 15px 15px 15px 0
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr .year {
  font-size: 20px;
  color: #f39800;
  -webkit-transition: .5s;
  transition: .5s
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr .anr {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 14px;
  height: 96px;
  line-height: 24px;
  overflow: auto
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .title {
  padding-top: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 58px;
  border: 6px solid #fff;
  background: #f39800;
  margin-left: 13px
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box {
  margin-top: 164px !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box:after {
  width: 30px;
  top: 30px;
  bottom: auto;
  background: url(../img/line2.png) no-repeat bottom center !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .title {
  margin-bottom: 61px !important
}

.pc_pattern .history_3 .box ::-webkit-scrollbar {
  width: 0 !important
}

.pc_pattern .history_3 .history-bottom .history_ul .history_li:hover .box {
  margin-top: -15px !important;
  margin-bottom: 15px !important
}

.pc_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n):hover .box {
  margin-top: 145px !important;
  margin-bottom: 15px !important
}

.mb_pattern .basic_development_history .history_3 .pc_content {
  display: none
}

.pc_pattern .basic_development_history .history_3 .mb_content {
  display: none
}

.mb_pattern .history_3 {
  -webkit-background-size: cover;
  background-size: cover
}

.mb_pattern .history_3 .history-bottom .history_ul {
  margin: 0
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li {
  text-align: center
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .box:after {
  display: none
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .year {
  margin-bottom: 15px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .nr {
  margin-top: 70px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .anr {
  font-size: 14px;
  margin-bottom: 0;
  height: auto !important
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .title {
  width: 55px;
  height: 55px;
  font-size: 14px;
  line-height: 43px;
  position: absolute;
  margin-top: -64px;
  left: 50%;
  top: 0;
  margin-left: -26px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box {
  margin-top: 0 !important
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .title {
  margin-bottom: 0
}

.mb_pattern .history_3 .history-bottom .slick-prev,
.mb_pattern .history_3 .history-bottom .slick-next {
  margin-top: 17px;
  top: 0
}

.mb_pattern .history_3 .history-bottom:after {
  top: 0;
  margin-top: 32px
}

.basic_development_history .history_3 .swiper-slide {
  background-color: transparent !important
}

.mbAreaCodeDialog {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  display: none
}

.mbAreaCodeDialog .dialog_layout {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6)
}

.mbAreaCodeDialog .dialog_layout .dialog_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  width: 100%;
  height: 100%;
  line-height: 620px;
  text-align: center
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp {
  line-height: normal;
  text-align: left;
  max-height: 100%;
  overflow-y: auto
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title {
  text-align: center;
  line-height: 53px;
  height: 53px;
  width: 100%
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .dialog_close {
  right: auto;
  left: 15px;
  top: 0px;
  position: absolute;
  cursor: pointer;
  color: #909399;
  font-size: 20px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .dialog_close:before {
  content: "\E65B"
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .title {
  font-size: 16px;
  color: #333;
  margin-left: 0
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill {
  height: 40px;
  position: fixed;
  top: 53px;
  width: 100%
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill .searchs_content {
  border-left: none;
  border-right: none;
  border-top: none
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill .searchs_content .searchs_btn_content span {
  line-height: 40px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content {
  height: 100%;
  overflow-x: hidden;
  margin-top: 93px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item {
  font-size: 14px;
  color: #333;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item .left {
  width: calc(100% - 80px)
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item .right {
  width: 80px;
  text-align: right
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .form_item_wrap_agree .form_item .check_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .form_item_wrap_agree .form_item .check_item .check {
  width: 14px;
  height: 14px;
  border: 1px solid #aaa;
  margin-right: 5px;
  background: #fff
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .form_item_wrap_agree .form_item .check_item .check_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .form_item_wrap_agree .form_item .check_item .check_txt .agree {
  color: #39f
}

.select_list_wrap .height_fill,
.mbAreaCodeDialog .height_fill {
  height: 30px
}

.select_list_wrap .height_fill .searchs_content,
.mbAreaCodeDialog .height_fill .searchs_content {
  border-color: #ebebeb;
  border-style: solid;
  border-width: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  font-size: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.select_list_wrap .height_fill .searchs_content .searchs_input_content,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_input_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.select_list_wrap .height_fill .searchs_content .searchs_input_content input,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_input_content input {
  height: 100%;
  width: 100%;
  border: none;
  padding-right: 15px;
  padding-left: 0px;
  font-size: 12px
}

.select_list_wrap .height_fill .searchs_content .searchs_btn_content,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_btn_content {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 35px;
  text-align: center;
  cursor: pointer
}

.select_list_wrap .height_fill .searchs_content .searchs_btn_content span,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_btn_content span {
  color: #808080;
  line-height: 30px;
  font-size: 18px
}

.layout_header_pc .basic_zhlanguage {
  height: 100%
}

.layout_header_pc .basic_zhlanguage a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.layout_header_pc .basic_zhlanguage .pc_img {
  display: block
}

.mb_header .basic_zhlanguage .mb_img {
  display: block
}

.layout_header_pc .basic_zhlanguage .mb_img {
  display: none
}

.mb_header .basic_zhlanguage .pc_img {
  display: none
}

.mb_header .basic_zhlanguage_left {
  position: fixed;
  width: 24px;
  top: 28px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 98;
  right: 20px;
  left: auto
}

.mb_header .basic_zhlanguage_right {
  left: 20px;
  right: auto;
  position: fixed;
  width: 24px;
  top: 28px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 100
}

.mb_header .basic_zhlanguage {
  margin: 0 !important
}

.mb_header .basic_mb_zhlanguage {
  margin: 0 !important
}

.pc_pattern .basic_shortvideo_detail .basic_shortvideo_content_0 .online-consultation {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pc_pattern .online-consultation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.pc_pattern .online-consultation .product_advisory_btn {
  border-radius: 4px;
  width: 160px;
  height: 44px;
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  overflow: hidden;
  padding: 0 16px;
  margin-top: 6px;
  cursor: pointer
}

.pc_pattern .online-consultation .product_advisory_btn .icon-phonenew {
  font-size: 16px;
  padding-right: 8px
}

.pc_pattern .online-consultation .add-line-0 {
  margin-bottom: 16px
}

.pc_pattern .online-consultation .add-line-0 .line-ask-list {
  top: 50px
}

.pc_pattern .online-consultation .add-line-1 .line-ask-list {
  bottom: 44px
}

.pc_pattern .online-consultation .add-line-1 .line-ask-list .item-link .qrcode {
  bottom: 0;
  top: auto !important
}

.pc_pattern .online-consultation .add-line {
  position: relative;
  padding-top: 6px;
  margin-right: 10px;
  color: #333;
  font-size: 14px
}

.pc_pattern .online-consultation .add-line .line-text {
  width: 160px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4F75EB;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer
}

.pc_pattern .online-consultation .add-line .line-text span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.pc_pattern .online-consultation .add-line .line-text .line-icon {
  height: 24px;
  margin-right: 8px
}

.pc_pattern .online-consultation .add-line .line-text .icon-down {
  margin-left: 8px
}

.pc_pattern .online-consultation .add-line .line-ask-list {
  position: absolute;
  width: 160px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px
}

.pc_pattern .online-consultation .add-line .line-ask-list .line-list {
  cursor: pointer
}

img {
  max-width: 100%
}

.mb_pattern i,
.mb_pattern a,
.mb_pattern button,
.mb_pattern a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[data-original] {
  background: url(../img/loading.gif) no-repeat center center #f6f6f6
}

.laybox .laybox_child_frame {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%
}

.laybox .laybox_child_frame .vip_logo {
  position: absolute;
  right: -58px;
  top: 50%;
  width: 58px;
  margin-top: -12px;
  cursor: pointer
}

.layrow .laybox .mb_laybox_child_frame {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.page.pageStyle0 .custom-page li {
  padding: 0 4px;
  background: transparent;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 0
}

.page.pageStyle0 .custom-page li:hover {
  background: transparent;
  color: #0078d7
}

.page.pageStyle0 .custom-page li.xl-active {
  background: transparent;
  color: #0078d7;
  cursor: default
}

.page.pageStyle0 .custom-page li.xl-disabled {
  cursor: not-allowed;
  color: #c0c4cc
}

.page.pageStyle0 .mb_page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  height: 60px;
  white-space: nowrap;
  font-size: 14px
}

.page.pageStyle0 .mb_page .iconfont {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 6px;
  background-color: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  vertical-align: top;
  cursor: pointer;
  outline: 0
}

.page.pageStyle0 .mb_page .iconfont.disabled {
  color: #e2e2e2
}

.page.pageStyle1 .custom-page {
  height: 36px
}

.page.pageStyle1 .custom-page li {
  display: inline-block;
  margin-left: 0;
  min-width: 36px;
  white-space: nowrap;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e3e2e8;
  border-right: none;
  font-weight: 500;
  background: transparent;
  font-size: 14px;
  cursor: pointer;
  padding: 0 4px
}

.page.pageStyle1 .custom-page li:hover {
  background: transparent;
  color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-active {
  line-height: 36px;
  border: 1px solid #e3e2e8;
  border-right: none;
  color: #0078d7;
  background: transparent
}

.page.pageStyle1 .custom-page li:last-of-type {
  border-right: 1px solid #e3e2e8
}

.page.pageStyle1 .custom-page li.xl-prevPage {
  margin-right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e3e2e8;
  border-right: none;
  font-weight: 500;
  background: transparent
}

.page.pageStyle1 .custom-page li.xl-prevPage:hover {
  background: transparent;
  color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-prevPage.xl-disabled {
  cursor: not-allowed;
  color: #c0c4cc
}

.page.pageStyle1 .custom-page li.xl-prevPage i {
  font-size: 12px
}

.page.pageStyle1 .custom-page li.xl-nextPage {
  margin-right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e3e2e8;
  font-weight: 500;
  background: transparent
}

.page.pageStyle1 .custom-page li.xl-nextPage:hover {
  background: transparent;
  color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-nextPage.xl-disabled {
  cursor: not-allowed;
  color: #c0c4cc
}

.page.pageStyle1 .custom-page li.xl-nextPage i {
  font-size: 12px
}

.page.pageStyle1 .mb_page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 10px;
  height: 60px;
  white-space: nowrap;
  font-size: 14px
}

.page.pageStyle1 .mb_page .iconfont,
.page.pageStyle1 .mb_page span {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  border: 1px solid #e3e2e8;
  margin-left: -1px
}

.page.pageStyle1 .mb_page .iconfont.disabled,
.page.pageStyle1 .mb_page span.disabled {
  color: #e2e2e2
}

.page.pageStyle1 .total_page {
  margin: 0 10px;
  font-size: 13px;
  line-height: 36px;
  color: #333
}

.page.pageStyle1 .jump_page {
  font-size: 13px;
  line-height: 36px;
  color: #333
}

.page.pageStyle1 .jump_page input {
  margin: 0 5px;
  padding-left: 15px;
  padding-right: 15px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  background: transparent;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.page.pageStyle1 .jump_page input::-webkit-outer-spin-button,
.page.pageStyle1 .jump_page input::-webkit-inner-spin-button {
  -webkit-appearance: none
}

.page.pageStyle1 .jump_page input[type="number"] {
  -moz-appearance: textfield
}

.page.pageStyle1 .xl-jumpButton {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 12px;
  padding: 0 13px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e3e2e8;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  background-color: transparent;
  outline: 0;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  font-family: 微软雅黑;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s
}

.page.pageStyle1 .xl-jumpButton:hover {
  color: #fff;
  background: #0078d7;
  border-color: #0078d7
}

.page.pageStyle2 .btn_more {
  width: 162px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background: transparent
}

.page.pageStyle2 .btn_more i {
  margin-left: 5px;
  vertical-align: middle
}

.page.pageStyle2 .btn_bottom {
  display: none
}

.basic_vip_header .header_vip_logo {
  width: 100%;
  cursor: pointer
}

.years_part {
  display: inline-block;
  max-width: 400px;
  vertical-align: middle;
  position: relative;
  min-height: 24px;
  line-height: 24px
}

.years_part .years_show {
  line-height: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}

.years_part .years_both {
  -webkit-background-clip: -webkit-text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #b12f8b), color-stop(80%, #4955b5));
  background-image: -webkit-linear-gradient(left, #b12f8b 20%, #4955b5 80%);
  background-image: linear-gradient(to right, #b12f8b 20%, #4955b5 80%);
  font-size: 24px;
  display: inline-block;
  font-style: italic;
  padding-right: 5px;
  line-height: 24px;
  height: 24px;
  cursor: pointer
}

.years_part .years_both.gray {
  background-image: none;
  -webkit-text-fill-color: gray
}

.years_part .years_both span {
  font-size: 14px;
  font-family: 'SourceHanSansCN Bold'
}

.years_part .years_both .years_number {
  font-size: 20px;
  padding: 0 3px
}

.years_part_has_vip .mask {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  z-index: 10;
  display: none
}

.vip_pop_part {
  width: 400px;
  position: fixed;
  left: 50%;
  top: 50%;
  height: auto;
  display: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.vip_pop_part .close_icon {
  display: block;
  width: 19px;
  height: 19px;
  background: url(../img/pop_vip_close_icon.png) no-repeat;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 22;
  cursor: pointer
}

.vip_pop_part .pop_show_header {
  height: 210px;
  width: 400px;
  background: #000;
  position: absolute;
  z-index: 14;
  left: 0;
  top: -26px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.vip_pop_part .pop_show_content {
  background-color: #fff;
  position: relative;
  width: 400px;
  padding-top: 215px;
  padding-bottom: 70px;
  text-align: center;
  z-index: 13;
  border-radius: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #dcdcdc;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333
}

.vip_pop_part .pop_show_content p {
  font-size: 20px;
  text-align: center;
  width: 320px;
  line-height: 20px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #333
}

.vip_pop_part .pop_show_content img {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  background-color: #fff;
  position: relative;
  left: 6px;
  cursor: pointer
}

.basic_copyright_frame {
  padding: 10px 0;
  line-height: 22px;
  font-size: 12px;
  text-align: center
}

.basic_map .map_wrap {
  position: relative
}

.basic_map .map_wrap .map_wrap_line {
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox {
  display: inline-block;
  cursor: default;
  position: absolute;
  width: auto;
  height: auto;
  padding: 18px 21px 18px 12px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: #000 0 0 6px -3px;
  box-shadow: #000 0 0 6px -3px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .msg {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 13px;
  width: 230px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .arrow {
  position: absolute;
  display: inline-block;
  bottom: -6px;
  left: 125px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 7px;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: #000 1px -1px 3px -2px;
  box-shadow: #000 1px -1px 3px -2px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(../img/cssSprite.png) no-repeat -423px -158px
}

.basic_download .file_empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 90px 0
}

.basic_download .file_empty .empty_tips_img {
  display: block;
  width: 157px;
  height: 123px;
  margin: 0 auto 28px;
  background: url(../img/default_icon.png) 0 0
}

.basic_download .file_empty .empty_tips_text {
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 24px
}

.basic_download .file_download_container .file_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 9px 0 9px;
  height: 58px;
  border-bottom: 1px dashed #e7e7e7;
  background: #fff;
  font-size: 14px
}

.basic_download .file_download_container .file_item .file_item_message {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 5.8%;
  width: 86%
}

.basic_download .file_download_container .file_item .file_item_message .file_item_title {
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_download .file_download_container .file_item .file_item_message .file_item_size {
  padding-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_download .file_download_container .file_item .file_item_download {
  min-width: 80px;
  height: 34px;
  background: #f2f3f5;
  border-radius: 3px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px
}

.basic_download .file_download_container .file_item .file_item_download .file_download {
  display: inline-block;
  line-height: 34px;
  color: #657180;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.basic_download .file_download_container2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 10px 0;
  font-size: 0
}

.basic_download .file_download_container2 .file_item_wrap {
  width: 31.9333%;
  min-width: 175px;
  height: 100px;
  margin: 10px 0.7%;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  background: #fff
}

.basic_download .file_download_container2 .file_item_wrap .file_item {
  width: 90%;
  height: 48px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_icon img {
  overflow: hidden;
  width: 100%;
  border-radius: 5px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70%;
  margin: 20px 12px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message .file_item_title {
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message .file_item_size {
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download {
  min-width: 48px;
  height: 30px;
  background: #f2f3f5;
  border-radius: 15px;
  text-align: center
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download .file_download {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #000;
  font-weight: bolder;
  line-height: 30px;
  cursor: pointer
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download .file_download .icon_download {
  width: 16px;
  height: 16px
}

.basic_rich_text .content_detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 30px
}

.basic_rich_text .content_detail .rich_img_wrap {
  position: relative;
  float: left;
  margin-right: 26px;
  margin-bottom: 16px;
  max-width: 100%;
  overflow: hidden;
  font-size: 0
}

.basic_rich_text .content_detail .rich_img_wrap.rich_img_right {
  float: right;
  margin-right: 0;
  margin-left: 26px
}

.basic_rich_text .content_detail .rich_img_wrap img {
  width: 100%
}

.basic_product_classification {
  overflow: hidden
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .title {
  color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 a {
  line-height: 38px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li {
  padding: 10px 18px;
  border-bottom: 1px solid #ececec
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li:last-of-type {
  border: none !important
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title {
  display: list-item;
  list-style: disc inside;
  font-size: 14px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title a {
  color: #333;
  font-size: 16px;
  padding: 0 10px;
  margin-left: -17px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2 {
  display: block;
  margin: 0 -11px;
  padding: 0 20px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li>a {
  padding: 0 11px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2.vertical>li {
  display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3 {
  display: block;
  margin: 0 -11px;
  padding: 0 20px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li>a {
  padding: 0 11px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3.vertical>li {
  display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4 {
  display: block;
  padding: 0 3px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li>a {
  padding: 0 8px;
  font-size: 12px;
  color: #999
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .title a {
  font-size: 16px;
  color: #333
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 a {
  line-height: 32px;
  padding: 0 10px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 12px;
  position: relative;
  border-bottom: 1px solid #ececec !important
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li>div .title a {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  padding: 0 10px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  height: calc(100% - 40px);
  border-right: 1px dashed #ececec
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li>a {
  line-height: 32px;
  padding: 0 20px;
  font-size: 14px;
  color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2.vertical>li {
  display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li {
  display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li>a {
  line-height: 32px;
  padding: 0 30px;
  font-size: 14px;
  color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3.vertical>li {
  display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li {
  float: left
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li>a {
  line-height: 32px;
  padding: 0 40px;
  font-size: 12px;
  color: #999
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4::after {
  content: "";
  display: block;
  clear: both
}

.basic_product_classification .view_pattern_mb .content_detail a {
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_product_classification .view_pattern_mb .content_detail a .icon-jiantouyou {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: #333;
  font-size: 14px;
  padding: 0 25px;
  line-height: inherit;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.basic_product_classification .view_pattern_mb .content_detail a .icon-jiantouyou.open {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.basic_product_classification .view_pattern_mb .content_detail .level_1>li {
  line-height: 50px
}

.basic_product_classification .view_pattern_mb .content_detail .level_1>li>div .title a {
  font-size: 15px;
  padding-left: 18px;
  display: block
}

.basic_product_classification .view_pattern_mb .content_detail .level_2 {
  display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_2>li>a {
  font-size: 14px;
  padding-left: 40px;
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_product_classification .view_pattern_mb .content_detail .level_3 {
  display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_3>li>a {
  font-size: 14px;
  padding-left: 60px;
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_product_classification .view_pattern_mb .content_detail .level_4 {
  display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_4>li>a {
  font-size: 13px;
  padding-left: 80px;
  background: #fafafa
}

.basic_article_classification {
  overflow: hidden
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .title {
  color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 a {
  line-height: 38px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li {
  padding: 10px 18px;
  border-bottom: 1px solid #ececec
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li:last-of-type {
  border: none !important
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title {
  display: list-item;
  list-style: disc inside;
  font-size: 14px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title a {
  color: #333;
  font-size: 16px;
  padding: 0 10px;
  margin-left: -17px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2 {
  display: block;
  margin: 0 -11px;
  padding: 0 20px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li>a {
  padding: 0 11px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2.vertical>li {
  display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3 {
  display: block;
  margin: 0 -11px;
  padding: 0 20px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li>a {
  padding: 0 11px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3.vertical>li {
  display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4 {
  display: block;
  padding: 0 3px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li>a {
  padding: 0 8px;
  font-size: 12px;
  color: #999
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .title a {
  font-size: 16px;
  color: #333
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 a {
  line-height: 32px;
  padding: 0 10px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 12px;
  position: relative;
  border-bottom: 1px solid #ececec !important
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li>div .title a {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  padding: 0 10px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  height: calc(100% - 40px);
  border-right: 1px dashed #ececec
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li>a {
  line-height: 32px;
  padding: 0 20px;
  font-size: 14px;
  color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2.vertical>li {
  display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li {
  display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li>a {
  line-height: 32px;
  padding: 0 30px;
  font-size: 14px;
  color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3.vertical>li {
  display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li {
  float: left
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li>a {
  line-height: 32px;
  padding: 0 40px;
  font-size: 12px;
  color: #999
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4::after {
  content: "";
  display: block;
  clear: both
}

.basic_article_classification .view_pattern_mb .content_detail a {
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_article_classification .view_pattern_mb .content_detail a .icon-jiantouyou {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: #333;
  font-size: 14px;
  padding: 0 25px;
  line-height: inherit;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.basic_article_classification .view_pattern_mb .content_detail a .icon-jiantouyou.open {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.basic_article_classification .view_pattern_mb .content_detail .level_1>li {
  line-height: 50px
}

.basic_article_classification .view_pattern_mb .content_detail .level_1>li>div .title a {
  font-size: 15px;
  padding-left: 18px;
  display: block
}

.basic_article_classification .view_pattern_mb .content_detail .level_2 {
  display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_2>li>a {
  font-size: 14px;
  padding-left: 40px;
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_article_classification .view_pattern_mb .content_detail .level_3 {
  display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_3>li>a {
  font-size: 14px;
  padding-left: 60px;
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #ececec;
  position: relative
}

.basic_article_classification .view_pattern_mb .content_detail .level_4 {
  display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_4>li>a {
  font-size: 13px;
  padding-left: 80px;
  background: #fafafa
}

.basic-article-info-box div.news_detail_footer_mb {
  display: none
}

.basic-article-info-box .news_detail_footer_1.news_detail_footer_mb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 768px) {
  .basic-article-info-box div.news_detail_footer_mb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}

.basic-article-info-box .my-news-footer {
  display: none
}

.basic-article-info-box .news-footer-1,
.basic-article-info-box .my-news-footer-1 {
  display: block
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .detail_big_pic_content {
  position: relative;
  width: 100%;
  padding-bottom: 100%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .detail_big_pic_content img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content {
  position: relative
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content {
  position: relative;
  padding-bottom: 100%
}

@media screen and (min-width: 800px) {
  .basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content {
    cursor: url("../image/few_txt/plus.png"), auto
  }
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../image/few_txt/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .position_center_middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .swiper-pagination {
  position: absolute;
  bottom: 14px;
  right: 14px;
  left: auto !important;
  width: 50px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  color: #fff
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content {
  width: 100%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 15px 0 15px;
  font-size: 18px;
  line-height: 26px;
  width: auto;
  color: #333
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  line-height: 1.2;
  width: 90%;
  padding: 0;
  min-width: calc(100% - 120px);
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  font-weight: normal;
  font-size: 18px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  display: inline-block;
  border: none;
  text-align: left;
  padding: 0;
  min-width: auto;
  margin-left: 15px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  text-align: center;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_summary_content {
  margin: 15px;
  word-wrap: break-word;
  font-size: 14px;
  color: #666;
  line-height: 1.6
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 16px;
  padding-top: 16px;
  background-color: #f8f8f8
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px;
  color: #333;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_other-prefix {
  width: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  margin-left: 15px;
  margin-right: 5.3%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666;
  line-height: 60px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  width: calc(100% - 140px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_icon {
  display: inline-block;
  color: #999;
  margin-right: 12px;
  height: 60px;
  line-height: 60px;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 99999;
  -webkit-transition: 0.5s background-color, 0s 0.5s height;
  transition: 0.5s background-color, 0s 0.5s height
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_panel_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content {
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  -webkit-transition: 0.5s height;
  transition: 0.5s height
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  background-color: #fff;
  padding-bottom: 50px;
  overflow-y: auto
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_panel_title {
  height: 60px;
  line-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap {
  width: 100%;
  overflow-y: auto;
  height: calc(100% - 60px);
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
  color: #666
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_title {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_value {
  vertical-align: top;
  width: calc(100% - 90px);
  padding-left: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  min-height: 50px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #2b2b2b;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] {
  height: 100%;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_panel_bg {
  background-color: rgba(0, 0, 0, 0.5)
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_content {
  height: 80%
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 10;
  padding-left: 0;
  margin-top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  height: 100%;
  line-height: 50px;
  width: 200px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap {
  margin-top: 0;
  padding-top: 16px;
  background-color: #f8f8f8
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  font-size: 0;
  background-color: #fff
}

.newdeal {
  font-size: 16px;
  line-height: 32px;
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #333;
  font-size: 0;
  overflow: auto
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  color: #333;
  font-size: 14px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
  background: transparent;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab span {
  position: relative;
  display: inline-block;
  height: 100%;
  min-width: 56px
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active] span::before {
  content: " ";
  border-bottom: 2px solid #2b2b2b;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel {
  background-color: #fff;
  margin: 15px 15px;
  font-size: 14px;
  color: #333
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e7e7e7
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
  overflow: hidden;
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
  margin-left: 10px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 3px
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
  display: inline-block;
  background: #f2f3f5;
  width: 80px;
  height: 34px;
  border-radius: 2px;
  color: #657180;
  cursor: pointer
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
  color: #fff !important
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
  padding: 0 20px;
  text-align: left
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_other_message .detail_value {
  font-size: 14px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination {
  font-size: .156rem;
  color: #fff;
  letter-spacing: 0;
  line-height: .12rem;
  bottom: 33px;
  width: 100% !important;
  background: transparent !important
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .swiper-pagination-bullet-active {
  width: 18px;
  height: 6px;
  background: #1B78EA;
  border-radius: 7px;
  margin-bottom: 1px
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_title_wrap .detail_main_title {
  font-weight: 500;
  color: #08192D;
  font-size: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  line-height: 59px !important;
  padding-right: 0 !important
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .detail_summary_content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-product-contact:not(:last-child) {
  margin: 0
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-contact-phone {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -moz-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .product_advisory_email.btn-product-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2
}

.basic-article-info-box .view_pattern_mb .product_detail_wrap.mb_module_style_11 .product_button_wrap .btn-contact-wechat {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: auto
}

.basic-article-info-box .view_pattern_mb .product_specific_wrap.mb_module_style_11 .detail_specfic_panel {
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  max-height: 23em;
  -webkit-box-orient: vertical
}

.basic-article-info-box .wechat_show_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .3s;
  transition: all .3s
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box {
  padding: 25px;
  width: 440px;
  height: 450px;
  background: #fff;
  border-radius: 5px;
  -webkit-animation: fade ease .3s;
  animation: fade ease .3s;
  -webkit-transition: all .3s;
  transition: all .3s
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_header {
  text-align: right;
  line-height: 45px
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_header i {
  color: #aaa;
  font-size: 26px;
  cursor: pointer
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body {
  text-align: center
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body img {
  width: 256px;
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover
}

.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body p {
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px
}

@-webkit-keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.basic-article-info-box .module-style-4 .my-title-wrapper {
  width: 100%;
  font-size: 0
}

.basic-article-info-box .module-style-4 .detail_func_wrap {
  display: inline-block;
  vertical-align: top
}

.basic_article_info .view_pattern_pc .module-style-4 .product_detail_wrap {
  overflow: visible
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: 0;
  font-size: 20px;
  color: #1a1a1a;
  white-space: normal;
  display: inline-block;
  padding-right: 20px
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  border-left: 0;
  padding-left: 0;
  padding-bottom: 6px
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic-article-info-box .view_pattern_mb .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic-article-info-box .view_pattern_mb .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.w_100 {
  width: 100%
}

.h_100 {
  height: 100%
}

.h_50_px {
  height: 50px
}

.line_h_50 {
  line-height: 50px
}

.d_block {
  display: block
}

.d_inline_block {
  display: inline-block
}

.d_flex,
.flex_center_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.flex_1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flex_column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex_j_c,
.flex_center_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex_a_i_c,
.flex_center_center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex_j_s {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.z_index_913 {
  z-index: 913
}

.p_relative {
  position: relative
}

.p_absolute {
  position: absolute
}

.cursor_p {
  cursor: pointer
}

.basic_embed_page iframe {
  border: 0
}

.back_top_wrapper {
  position: fixed;
  width: 66px;
  height: 70px;
  right: 21px;
  bottom: 47px;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.back_top_wrapper:hover .back_top_btn {
  bottom: 50%;
  -webkit-transition: bottom .3s ease;
  transition: bottom .3s ease
}

.back_top_wrapper .back_top_btn {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  bottom: calc(50% - 7px);
  margin-bottom: -24px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease
}

.back_top_wrapper .back_top_btn .back_top_fill {
  width: 48px;
  height: 48px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  background-color: #fff
}

.back_top_wrapper .back_top_btn .back_top_fill .iconClass {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  line-height: 48px;
  text-align: center;
  font-size: 24px;
  font-weight: bold
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon3 {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: url(../img/mbg01.png) no-repeat;
  background-position: -326px -708px
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon2 {
  background: url(../img/mbg01.png) no-repeat;
  background-position: -388px -700px
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon1 {
  background: url(../img/mbg01.png) no-repeat;
  background-position: -458px -700px
}

.back_top_wrapper .back_top_btn .back_top_fill .arrow_up {
  font-size: 30px
}

.basic-article-list-box {
  padding-bottom: 24px;
  width: 100%;
  height: 100%
}

.basic-article-list-box .u-list[data-type='1'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0
}

.basic-article-list-box .u-list .news_list_parting_line {
  height: 0;
  border-bottom: 1px solid #ececec;
  margin: 0 1.6666%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-list-box .jz_empty_tips {
  width: 100%;
  padding: 90px 0;
  text-align: center
}

.basic-article-list-box .jz_empty_tips__img {
  display: block;
  width: 157px;
  height: 123px;
  margin: 0 auto;
  background: url(../img/default_icon.png) 0 0
}

.basic-article-list-box .jz_empty_tips__text {
  margin-top: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #333
}

.g-basic-article-box {
  position: relative
}

.g-basic-article-box.news_list_item_line {
  position: relative;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.g-basic-article-box.news_list_item_line[data-device="pc"] .news_list_item_inner:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px
}

.g-basic-article-box.news_list_item_line .news_list_item_title {
  color: inherit
}

.g-basic-article-box[data-type='0'],
.g-basic-article-box[data-type='3'] {
  padding: 10px
}

.g-basic-article-box[data-type='0'] .news_list_item_inner {
  padding: 10px
}

.g-basic-article-box[data-type='1'] {
  width: calc(25% - 20px);
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: top;
  border-radius: 6px;
  overflow: hidden
}

.g-basic-article-box[data-type='1'] {
  padding-top: 0;
  padding-bottom: 0
}

.g-basic-article-box[data-type="4"] {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0px;
  padding-bottom: 0
}

.g-basic-article-box[data-type="4"] {
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: top;
  border-radius: 0;
  overflow: hidden
}

.g-basic-article-box[data-device="mb"][data-type="4"] {
  width: 45%;
  height: 100%;
  margin: 0
}

.g-basic-article-box[data-type='2'] {
  padding: 10px
}

.g-basic-article-box[data-type="2"] .news_list_item_inner {
  padding-right: 10px
}

.g-basic-article-box[data-type="3"] .news_list_item_inner {
  padding: 10px
}

.g-basic-article-box[data-device='mb'][data-type='1'].news_list_item_line {
  width: 46.3542%;
  margin-left: 1.8229%;
  margin-right: 1.8229%;
  margin-top: 20px;
  padding: 0 0 6px 0
}

.g-basic-article-box[data-device='mb'][data-type='4'].news_list_item_line {
  width: 45%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  padding: 0 0 6px 0;
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.g-basic-article-box[data-device='mb'].news_list_item_line {
  margin-left: 3.72%;
  margin-right: 3.6458%;
  padding: 20px 0
}

.g-basic-article-box [data-href] {
  cursor: pointer
}

.g-basic-article-box .news_list_item_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  background: #fff
}

.g-basic-article-box[data-type='1'] .news_list_item_inner {
  display: block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 5%;
  padding-bottom: 5%
}

.g-basic-article-box[data-type="4"] .news_list_item_inner {
  display: block;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 5%
}

.g-basic-article-box .news_list_img_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 38%;
  max-width: 100%;
  margin-right: 30px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.g-basic-article-box .news_list_img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform .36s ease;
  transition: -webkit-transform .36s ease;
  transition: transform .36s ease;
  transition: transform .36s ease, -webkit-transform .36s ease
}

.g-basic-article-box[data-type='1'] .news_list_img_box {
  width: 90%;
  margin: 0 auto;
  overflow: hidden
}

.g-basic-article-box[data-type="4"] .news_list_img_box {
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

.g-basic-article-box[data-device='mb'] .news_list_img_box {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.g-basic-article-box[data-device='mb'][data-type='2'] .news_list_img_box,
.g-basic-article-box[data-device='mb'][data-type='3'] .news_list_img_box {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.g-basic-article-box[data-device='mb'] .news_list_img_box {
  margin-right: 12px
}

.g-basic-article-box[data-device='mb'][data-type="1"] .news_list_img_box {
  margin-right: auto
}

.g-basic-article-box[data-device="mb"][data-type="4"] .news_list_img_box {
  margin-right: auto;
  width: 90%
}

.g-basic-article-box[data-device="mb"][data-type="4"] .news_list_img {
  padding-top: 100% !important
}

.g-basic-article-box .news_list_img {
  margin-right: 0;
  position: relative;
  width: 100%;
  height: 0;
  background: no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all .36s ease;
  transition: all .36s ease
}

.g-basic-article-box[data-type='1'] .news_list_img {
  padding-top: 52.631%;
  margin-right: 0;
  position: relative
}

.g-basic-article-box[data-type="4"] .news_list_img {
  padding-top: 52.631%;
  margin-right: 0;
  position: relative
}

.g-basic-article-box[data-device='mb'][data-type='2'] .news_list_img {
  padding-top: 81%
}

.g-basic-article-box[data-device='mb'][data-type='3'] .news_list_img {
  padding-top: 81%
}

.g-basic-article-box[data-device='mb'] .news_list_img {
  width: 100%;
  height: 0
}

.g-basic-article-box .news_list_item_content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.g-basic-article-box[data-type='1'] .news_list_item_content {
  padding-left: 5%;
  padding-right: 5%
}

.g-basic-article-box[data-type='4'] .news_list_item_content {
  padding-left: 5%;
  padding-right: 5%
}

.g-basic-article-box .news_list_item_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0
}

.g-basic-article-box[data-type='0'] .news_list_item_header,
.g-basic-article-box[data-type='3'] .news_list_item_header {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.g-basic-article-box[data-type='2'] .news_list_item_header {
  margin-top: 20px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.g-basic-article-box[data-type="4"] .news_list_item_header {
  color: #333
}

.g-basic-article-box[data-device='mb'] .news_list_item_header {
  display: block;
  margin-top: 0
}

.g-basic-article-box .news_list_item_title {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #333
}

.g-basic-article-box[data-type='1'] .news_list_item_title {
  margin-top: 20px
}

.g-basic-article-box[data-type="4"] .news_list_item_title {
  margin-top: 20px;
  font-weight: bold
}

.g-basic-article-box[data-device='mb'] .news_list_item_title {
  font-size: 14px;
  display: -webkit-box;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  white-space: normal
}

.g-basic-article-box .news_list_item_date {
  display: inline-block;
  margin-top: 9px;
  max-width: 100%;
  line-height: 1;
  font-size: 14px;
  color: #999
}

.g-basic-article-box[data-type='0'] .news_list_item_date,
.g-basic-article-box[data-type='3'] .news_list_item_date {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px
}

.g-basic-article-box[data-type='2'] .news_list_item_date {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px
}

.g-basic-article-box[data-device='mb'] .news_list_item_date {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1
}

.g-basic-article-box[data-device='mb'] .news_list_item_date {
  margin-left: 0
}

.g-basic-article-box .news_list_item_summery {
  margin-top: 18px;
  font-size: 14px;
  color: #666;
  line-height: 1.7
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
  max-height: 36px
}

.g-basic-article-box[data-device="mb"][data-type="4"] .news_list_item_summery {
  word-break: normal;
  white-space: normal
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
  display: -webkit-box;
  max-height: 40px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
  font-size: 12px;
  margin-top: 10px
}

.g-basic-article-box .news_list_item_ext_line {
  margin-top: 20px
}

.g-basic-article-box .news_list_item_group {
  display: inline-block;
  width: calc(100% - 40px);
  line-height: 1;
  margin-top: -12px
}

.g-basic-article-box[data-device="mb"][data-type="1"] .news_list_item_group {
  width: 100%
}

.g-basic-article-box[data-device="mb"][data-type="4"] .news_list_item_group {
  width: 100%
}

.g-basic-article-box[data-device='mb'] .news_list_item_group {
  margin-top: -20px
}

.g-basic-article-box .news_list_item_group_item {
  display: inline-block;
  position: relative;
  height: 26px;
  line-height: 24px;
  max-width: 100%;
  padding: 0 8px;
  border: 1px solid #e5e5e5;
  margin-top: 12px;
  margin-right: 15px;
  border-radius: 5px;
  color: #999;
  font-size: 12px;
  word-break: keep-all;
  overflow: hidden;
  z-index: 2
}

.g-basic-article-box[data-device='mb'] .news_list_item_group_item {
  height: 26px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 12px;
  margin-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.g-basic-article-box .news_list_item_arrow_link {
  max-width: 100%;
  float: right;
  display: block;
  position: relative;
  width: 40px;
  height: 28px;
  overflow: hidden
}

.g-basic-article-box .news_list_item_arrow_link:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 28px;
  background: url(../img/vbg01.png) -23px -324px;
  -webkit-transition: all .36s ease;
  transition: all .36s ease
}

.g-basic-article-box .news_list_item_arrow_link:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  top: 0;
  width: 30px;
  height: 28px;
  background: url(../img/vbg01.png) -23px -324px;
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  opacity: 0
}

.g-basic-article-box .news_list_item_arrow {
  display: none
}

.g-basic-article-box:hover .news_list_item_arrow_link:before {
  left: 30px;
  opacity: 0
}

.g-basic-article-box:hover .news_list_item_arrow_link:after {
  left: 0;
  opacity: 1
}

.g-share-render-box .news_share_info {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.g-share-render-box .jz_share_info[data-device="pc"]:hover .jz_share_wrap {
  display: block
}

.g-share-render-box .jz_share_info {
  line-height: 35px
}

.g-share-render-box .large-click-btn {
  position: relative
}

.g-share-render-box .large-click-btn::after {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px
}

.g-share-render-box .news_share_text {
  font-size: 13px;
  color: #666;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.5;
  cursor: pointer
}

.g-share-render-box .news_share_text .u-icon {
  margin-right: 10px;
  font-size: 16px
}

.g-share-render-box .jz_share_text {
  position: relative
}

.g-share-render-box[data-device='mb'] .news_share_text {
  font-size: 14px
}

.g-share-render-box .jz_share_info .jz_share_wrap {
  display: none
}

.g-share-render-box[data-device='mb'] .jz_share_info .jz_share_wrap {
  display: none
}

.g-share-render-box .jz_share_list {
  z-index: 2200;
  position: absolute;
  right: -10px;
  top: 35px;
  max-width: 200px;
  padding: 15px;
  vertical-align: middle;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  white-space: normal
}

.g-share-render-box .jz_share_list_item1 {
  width: 134px
}

.g-share-render-box .jz_share_list_item2 {
  width: 182px
}

.g-share-render-box .jz_share_list_item3 {
  width: 256px
}

.g-share-render-box .jz_share_list:before {
  z-index: 1;
  content: '';
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 48px;
  width: 10px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.g-share-render-box .jz_share_icon {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  font-size: 30px
}

.g-share-render-box .faisco-icons-S000142:before {
  content: '\B0142'
}

.g-share-render-box .jz_share_Weixin {
  color: #46d42f
}

.g-share-render-box .jz_share_sina_weibo {
  color: #f44336
}

.g-share-render-box .jz_share_qq_share {
  color: #2992fc
}

.g-share-render-box .u-icon {
  margin: 5px 5px 0 0;
  font-size: 30px
}

.g-share-render-box .jz_share_name {
  display: none;
  color: #333
}

.g-share-render-box .u-img-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 260px;
  margin: 20px 20px
}

.g-share-render-box .u-img-box img {
  width: 80%
}

.g-share-render-box .m-share-box {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2210;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: .3s background-color, 0s .3s height;
  transition: .3s background-color, 0s .3s height
}

.g-share-render-box .m-share-box[data-active] {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: .3s background-color;
  transition: .3s background-color
}

.g-share-render-box .m-share-box[data-active] .u-mn {
  bottom: 0
}

.g-share-render-box .m-share-box .u-mn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -128px;
  left: 0;
  padding-top: 24px;
  padding-left: 3%;
  padding-right: 3%;
  width: 100%;
  background-color: #fff;
  -webkit-transition: .3s bottom;
  transition: .3s bottom
}

.g-share-render-box .m-share-box .u-mn .jz_share_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 38px;
  margin: 0 11px 10px;
  text-align: center;
  width: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.g-share-render-box .m-share-box .u-mn .u-icon {
  margin: 0;
  font-size: 38px
}

.g-share-render-box .m-share-box .u-mn .u-sn {
  display: block;
  font-size: 12px;
  line-height: 37px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.g-share-render-box .m-tips {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2210;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000
}

.g-share-render-box .m-tips.share-tip-brow {
  background-color: rgba(0, 0, 0, 0.6)
}

.g-share-render-box .m-tips.share-tip-brow .u-img-share_line {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 55px;
  margin-top: 38px;
  width: 100px
}

.g-share-render-box .m-tips.share-tip-brow .u-p {
  width: auto;
  color: #fff
}

.g-share-render-box .m-tips.share-tip-brow .u-p.u-brow-p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.g-share-render-box .m-tips.share-tip-brow .u-p.u-brow-p .u-img-share_brow {
  margin-right: 12px;
  width: 32px
}

.g-share-render-box .m-tips[data-active] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.g-share-render-box .m-tips .u-img {
  margin-top: 100px;
  margin-bottom: 26px;
  width: 200px
}

.g-share-render-box .m-tips .u-p {
  width: 234px;
  text-align: center;
  color: #666;
  font-size: 16px;
  margin-bottom: 36px
}

.g-share-render-box .m-tips .u-btn {
  height: 50px;
  width: 150px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  color: #666;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.g-share-render-box .m-qr-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2215;
  width: 100%;
  height: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: .3s background-color, 0s .3s height;
  transition: .3s background-color, 0s .3s height
}

.g-share-render-box .m-qr-box[data-active] {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s background-color;
  transition: .3s background-color
}

.g-share-render-box .m-qr-box .u-mn {
  overflow: hidden;
  width: 300px;
  height: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: .3s opacity, .3s transform, 0s .3s height;
  transition: .3s opacity, .3s transform, 0s .3s height
}

.g-share-render-box .m-qr-box[data-active] .u-mn {
  height: 322px;
  opacity: 1;
  -webkit-transform: translateY(142px);
  -ms-transform: translateY(142px);
  transform: translateY(142px);
  -webkit-transition: .3s opacity, .3s transform;
  transition: .3s opacity, .3s transform
}

.g-share-render-box .m-qr-box .u-hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  padding-bottom: 10px;
  line-height: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.g-share-render-box .m-qr-box .u-h3 {
  font-size: 18px;
  font-weight: 500;
  color: #303133
}

.g-share-render-box .m-qr-box .u-icon {
  font-size: 21px;
  font-weight: 300;
  cursor: pointer
}

@charset "UTF-8";

.el-checkbox,
.el-checkbox__input {
  white-space: nowrap;
  display: inline-block;
  position: relative
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 30px
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  height: 40px
}

.el-checkbox.is-bordered.is-checked {
  border-color: #409EFF
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px
}

.el-checkbox__input {
  cursor: pointer;
  outline: 0;
  line-height: 1;
  vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
  cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #409EFF;
  border-color: #409EFF
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #409EFF
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #409EFF
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #FFF;
  height: 2px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  left: 0;
  right: 0;
  top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  z-index: 1;
  -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
  border-color: #409EFF
}

.el-checkbox__inner::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  -webkit-transition: -webkit-transform .15s ease-in .05s;
  transition: -webkit-transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.el-checkbox-button__inner,
.el-tag {
  -webkit-box-sizing: border-box;
  white-space: nowrap
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
  position: relative;
  display: inline-block
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px
}

.el-checkbox:last-of-type {
  margin-right: 0
}

.el-checkbox-button__inner {
  line-height: 1;
  font-weight: 500;
  vertical-align: middle;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px
}

.el-checkbox-button__inner:hover {
  color: #409EFF
}

.el-checkbox-button__inner [class*=el-icon-] {
  line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
  margin-left: 5px
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
  -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
  box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #409EFF
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFF;
  border-color: #EBEEF5;
  -webkit-box-shadow: none;
  box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #409EFF
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px
}

.el-checkbox-group {
  font-size: 0
}

.el-tag {
  background-color: #ecf5ff;
  border-color: #d9ecff;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box
}

.el-tag.is-hit {
  border-color: #409EFF
}

.el-tag .el-tag__close {
  color: #409eff
}

.el-tag .el-tag__close:hover {
  color: #FFF;
  background-color: #409eff
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #909399
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a
}

.el-tag.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #67c23a
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #e6a23c
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f56c6c
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px
}

.el-tag .el-icon-close::before {
  display: block
}

.el-tag--dark {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff
}

.el-tag--dark.is-hit {
  border-color: #409EFF
}

.el-tag--dark .el-tag__close {
  color: #fff
}

.el-tag--dark .el-tag__close:hover {
  color: #FFF;
  background-color: #66b1ff
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #a6a9ad
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #85ce61
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #ebb563
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f78989
}

.el-tag--plain {
  background-color: #fff;
  border-color: #b3d8ff;
  color: #409eff
}

.el-tag--plain.is-hit {
  border-color: #409EFF
}

.el-tag--plain .el-tag__close {
  color: #409eff
}

.el-tag--plain .el-tag__close:hover {
  color: #FFF;
  background-color: #409eff
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #909399
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f56c6c
}

.el-tag--medium {
  height: 28px;
  line-height: 26px
}

.el-tag--medium .el-icon-close {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px
}

.el-tag--small .el-icon-close {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px
}

.el-table-filter {
  border: 1px solid #EBEEF5;
  border-radius: 2px;
  background-color: #FFF;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px 0
}

.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px
}

.el-table-filter__list-item:hover {
  background-color: #ecf5ff;
  color: #66b1ff
}

.el-table-filter__list-item.is-active {
  background-color: #409EFF;
  color: #FFF
}

.el-table-filter__content {
  min-width: 100px
}

.el-table-filter__bottom {
  border-top: 1px solid #EBEEF5;
  padding: 8px
}

.el-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px
}

.el-table-filter__bottom button:hover {
  color: #409EFF
}

.el-table-filter__bottom button:focus {
  outline: 0
}

.el-table-filter__bottom button.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed
}

.el-table-filter__wrap {
  max-height: 280px
}

.el-table-filter__checkbox-group {
  padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0
}

@charset "UTF-8";

.el-checkbox,
.el-checkbox__input {
  display: inline-block;
  position: relative;
  white-space: nowrap
}

.el-table,
.el-table__append-wrapper {
  overflow: hidden
}

.el-table td.is-hidden>*,
.el-table th.is-hidden>*,
.el-table--hidden {
  visibility: hidden
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 30px
}

.el-checkbox-button__inner,
.el-table th {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  height: 40px
}

.el-checkbox.is-bordered.is-checked {
  border-color: #409EFF
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px
}

.el-checkbox__input {
  cursor: pointer;
  outline: 0;
  line-height: 1;
  vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
  cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #409EFF;
  border-color: #409EFF
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #409EFF
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #409EFF
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #FFF;
  height: 2px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  left: 0;
  right: 0;
  top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  z-index: 1;
  -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
  border-color: #409EFF
}

.el-checkbox__inner::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  -webkit-transition: -webkit-transform .15s ease-in .05s;
  transition: -webkit-transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
  position: relative;
  display: inline-block
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px
}

.el-checkbox:last-of-type {
  margin-right: 0
}

.el-checkbox-button__inner {
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px
}

.el-checkbox-button__inner:hover {
  color: #409EFF
}

.el-checkbox-button__inner [class*=el-icon-] {
  line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
  margin-left: 5px
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
  -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
  box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #409EFF
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFF;
  border-color: #EBEEF5;
  -webkit-box-shadow: none;
  box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #409EFF
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px
}

.el-checkbox-group {
  font-size: 0
}

.el-tag {
  background-color: #ecf5ff;
  border-color: #d9ecff;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap
}

.el-tag.is-hit {
  border-color: #409EFF
}

.el-tag .el-tag__close {
  color: #409eff
}

.el-tag .el-tag__close:hover {
  color: #FFF;
  background-color: #409eff
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #909399
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a
}

.el-tag.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #67c23a
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #e6a23c
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f56c6c
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px
}

.el-tag .el-icon-close::before {
  display: block
}

.el-tag--dark {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff
}

.el-tag--dark.is-hit {
  border-color: #409EFF
}

.el-tag--dark .el-tag__close {
  color: #fff
}

.el-tag--dark .el-tag__close:hover {
  color: #FFF;
  background-color: #66b1ff
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #a6a9ad
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #85ce61
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #ebb563
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f78989
}

.el-tag--plain {
  background-color: #fff;
  border-color: #b3d8ff;
  color: #409eff
}

.el-tag--plain.is-hit {
  border-color: #409EFF
}

.el-tag--plain .el-tag__close {
  color: #409eff
}

.el-tag--plain .el-tag__close:hover {
  color: #FFF;
  background-color: #409eff
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #909399
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f56c6c
}

.el-tag--medium {
  height: 28px;
  line-height: 26px
}

.el-tag--medium .el-icon-close {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px
}

.el-tag--small .el-icon-close {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
  outline-width: 0
}

.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.el-tooltip__popper .popper__arrow {
  border-width: 6px
}

.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133
}

.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFF
}

.el-table,
.el-table__expanded-cell {
  background-color: #FFF
}

.el-tooltip__popper.is-light {
  background: #FFF;
  border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFF
}

.el-table {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  color: #606266
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
  font-size: 12px
}

.el-table__empty-block {
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: #909399
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  height: 20px
}

.el-table__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px
}

.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px
}

.el-table__expanded-cell:hover {
  background-color: transparent !important
}

.el-table__placeholder {
  display: inline-block;
  width: 20px
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
  border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto
}

.el-table thead {
  color: #909399;
  font-weight: 500
}

.el-table thead.is-group th {
  background: #F5F7FA
}

.el-table th,
.el-table tr {
  background-color: #FFF
}

.el-table td,
.el-table th {
  padding: 12px 0;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left
}

.el-table td.is-center,
.el-table th.is-center {
  text-align: center
}

.el-table td.is-right,
.el-table th.is-right {
  text-align: right
}

.el-table td.gutter,
.el-table th.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0
}

.el-table--medium td,
.el-table--medium th {
  padding: 10px 0
}

.el-table--small td,
.el-table--small th {
  padding: 8px 0
}

.el-table--mini td,
.el-table--mini th {
  padding: 6px 0
}

.el-table .cell,
.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
  padding-left: 10px
}

.el-table tr input[type=checkbox] {
  margin: 0
}

.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid #EBEEF5
}

.el-table th.is-sortable {
  cursor: pointer
}

.el-table th {
  overflow: hidden;
  user-select: none
}

.el-table th>.cell {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%
}

.el-table th>.cell.highlight {
  color: #409EFF
}

.el-table th.required>div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle
}

.el-table td div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.el-table td.gutter {
  width: 0
}

.el-table .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  padding-right: 10px
}

.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px
}

.el-table--border,
.el-table--group {
  border: 1px solid #EBEEF5
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  content: '';
  position: absolute;
  background-color: #EBEEF5;
  z-index: 1
}

.el-table--border::after,
.el-table--group::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%
}

.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px
}

.el-table--border {
  border-right: none;
  border-bottom: none
}

.el-table--border.el-loading-parent--relative {
  border-color: transparent
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
  border-right: 1px solid #EBEEF5
}

.el-table--border th.gutter:last-of-type {
  border-bottom: 1px solid #EBEEF5;
  border-bottom-width: 1px
}

.el-table--border th,
.el-table__fixed-right-patch {
  border-bottom: 1px solid #EBEEF5
}

.el-table__fixed,
.el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
  box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.el-table__fixed-right::before,
.el-table__fixed::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #EBEEF5;
  z-index: 4
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #FFF
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3
}

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
  border-top: 1px solid #EBEEF5;
  background-color: #F5F7FA;
  color: #606266
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  width: 100%
}

.el-table__footer-wrapper {
  margin-top: -1px
}

.el-table__footer-wrapper td {
  border-top: 1px solid #EBEEF5
}

.el-table__body,
.el-table__footer,
.el-table__header {
  table-layout: fixed;
  border-collapse: separate
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
  overflow: hidden
}

.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
  background-color: #F5F7FA;
  color: #606266
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
  -webkit-box-shadow: none;
  box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
  border-left: 1px solid #EBEEF5
}

.el-table .caret-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative
}

.el-table .sort-caret {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px
}

.el-table .sort-caret.ascending {
  border-bottom-color: #C0C4CC;
  top: 5px
}

.el-table .sort-caret.descending {
  border-top-color: #C0C4CC;
  bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #409EFF
}

.el-table .descending .sort-caret.descending {
  border-top-color: #409EFF
}

.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #FAFAFA
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
  background-color: #F5F7FA
}

.el-table__body tr.current-row>td {
  background-color: #ecf5ff
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #EBEEF5;
  z-index: 10
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer
}

.el-table__column-filter-trigger i {
  color: #909399;
  font-size: 12px;
  -webkit-transform: scale(.75);
  transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
  -webkit-transition: background-color .25s ease;
  transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #F5F7FA
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px
}

.nav-logo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav-logo-wrapper img {
  height: 40px;
  width: auto
}

.basic_product_detail .detail_specfic_panel,
.basic_product_detail .news_detail_content,
.basic_article_info .detail_specfic_panel,
.basic_article_info .news_detail_content {
  overflow-x: auto
}

.basic_product_detail table,
.basic_article_info table {
  margin: auto;
  border-collapse: collapse;
  display: table;
  max-width: 100%
}

.basic_product_detail img,
.basic_article_info img {
  vertical-align: top
}

.basic_product_detail td,
.basic_product_detail th,
.basic_article_info td,
.basic_article_info th {
  padding: 5px 10px;
  border: 1px solid #DDD
}

.moduleStyle_new.moduleStyle_6 .basic_product_detail_left_content,
.moduleStyle_new.moduleStyle_6 .basic_product_detail_right_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_product_detail .view_pattern_pc .product_advisory_email {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.mb_pattern .news_detail_content div,
.mb_pattern .news_detail_content p,
.mb_pattern .news_detail_content h1,
.mb_pattern .news_detail_content h2,
.mb_pattern .news_detail_content h3,
.mb_pattern .news_detail_content h4,
.mb_pattern .news_detail_content h5,
.mb_pattern .news_detail_content h6,
.mb_pattern .news_detail_content ul,
.mb_pattern .news_detail_content ol,
.mb_pattern .news_detail_content li,
.mb_pattern .news_detail_content span,
.mb_pattern .news_detail_content img,
.mb_pattern .news_detail_content video,
.mb_pattern .detail_specfic_panel div,
.mb_pattern .detail_specfic_panel p,
.mb_pattern .detail_specfic_panel h1,
.mb_pattern .detail_specfic_panel h2,
.mb_pattern .detail_specfic_panel h3,
.mb_pattern .detail_specfic_panel h4,
.mb_pattern .detail_specfic_panel h5,
.mb_pattern .detail_specfic_panel h6,
.mb_pattern .detail_specfic_panel ul,
.mb_pattern .detail_specfic_panel ol,
.mb_pattern .detail_specfic_panel li,
.mb_pattern .detail_specfic_panel span,
.mb_pattern .detail_specfic_panel img,
.mb_pattern .detail_specfic_panel video {
  max-width: 100%
}

.mb_pattern .news_detail_content img,
.mb_pattern .detail_specfic_panel img {
  margin-top: 5px;
  margin-bottom: 5px
}

.basic_notice {
  overflow: hidden
}

.basic_notice .notice_part {
  font-size: 0
}

.basic_notice .notice_part .notice_logo {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle
}

.basic_notice .notice_part .notice_words {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: calc(100% - 30px);
  overflow: hidden
}

.basic_notice .notice_part .notice_words .notice-wrapper {
  position: absolute;
  top: 0
}

.basic_notice .notice_part .notice_words .words_line {
  white-space: nowrap
}

.basic_notice .notice_part .notice_words .words_line[data-active='false'] {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important
}

.basic_notice .notice_part .notice_words .words_line[data-active='falseY'] {
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important
}

.basic_notice .notice_part .words-line-left,
.basic_notice .notice_part .words-line-right {
  display: table-cell;
  position: relative
}

.basic_notice .notice_part .notice_words:hover .words-line-left {
  left: 0 !important
}

.basic_notice .notice_part .words-line-right {
  position: relative;
  opacity: 0
}

.basic-icon-combination .list_frame {
  width: 100%
}

.basic-icon-combination .list_frame .list_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  font-size: 0;
  position: relative
}

.basic-icon-combination .list_frame .list_box .list_one {
  position: relative;
  display: inline-block
}

.basic-icon-combination .list_frame .list_box .list_one .tooptipPart {
  right: 0;
  bottom: 0;
  top: auto;
  display: none;
  z-index: 999
}

.basic-icon-combination .list_frame .list_box .list_one .list_img_frame {
  position: relative;
  overflow: hidden
}

.basic-icon-combination .list_frame .list_box .list_one .list_img_frame .list_img_back {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  -webkit-transition: all ease 0.36s;
  transition: all ease 0.36s;
  background-repeat: no-repeat
}

.basic-icon-combination .list_frame .list_box .list_one:hover .tooptipPart {
  display: block
}

.basic-icon-combination .icon-combination-wrapper {
  padding-left: 1%;
  padding-right: 1%;
  margin-top: 1%;
  margin-bottom: 1%
}

.mb_pattern .basic-icon-combination .icon-combination-wrapper {
  padding-left: 2%;
  padding-right: 2%
}

.basic-icon-combination .module-content {
  height: 100%;
  padding: 10%
}

.basic-icon-combination .module-content-shadow {
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2)
}

.basic-icon-combination .icon-wrapper {
  display: inline-block;
  width: 25%;
  margin: 0 auto;
  position: relative
}

.basic-icon-combination .img-icon {
  max-width: 100%
}

.basic-icon-combination .icon-combination-title {
  font-size: 16px;
  color: #333;
  margin-top: 30px;
  line-height: 1.3
}

.basic-icon-combination .icon-combination-summary {
  font-size: 14px;
  color: #999;
  margin-top: 12px;
  line-height: 1.4
}

.basic-icon-combination .module-content-style-0 .icon-combination-default {
  text-align: center
}

.basic-icon-combination .module-content-style-0 .icon-combination-center {
  text-align: center
}

.basic-icon-combination .module-content-style-0 .icon-combination-left {
  text-align: left
}

.basic-icon-combination .module-content-style-0 .icon-combination-right {
  text-align: right
}

.basic-icon-combination .module-content-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic-icon-combination .module-content-style-1 .icon-combination-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-icon-combination .module-content-style-1 .icon-wrapper {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

.basic-icon-combination .module-content-style-1 .text-wrapper {
  width: 75%;
  padding-left: 15px;
  text-align: left
}

.basic-icon-combination .module-content-style-1 .icon-combination-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.basic-icon-combination .module-content-style-1 .icon-combination-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.basic-icon-combination .module-content-style-1 .icon-combination-bottom .icon-combination-summary {
  margin-bottom: -0.15em
}

.basic-icon-combination .module-content-style-1 .icon-combination-title {
  margin-top: 0
}

.basic-icon-combination .module-content-style-2 {
  background: #f2f2f2;
  padding: 12.5% 15.6%
}

.basic-icon-combination .module-content-style-2 .icon-wrapper {
  display: inline-block;
  width: 25%
}

.basic-icon-combination .module-content-style-2 .icon-combination-title {
  margin-top: 24px
}

.basic-icon-combination .module-content-style-2 .icon-combination-summary {
  margin-top: 10px
}

.basic-icon-combination .module-content-style-2 .icon-combination-default {
  text-align: left
}

.basic-icon-combination .module-content-style-2 .icon-combination-left {
  text-align: left
}

.basic-icon-combination .module-content-style-2 .icon-combination-center {
  text-align: center
}

.basic-icon-combination .module-content-style-2 .icon-combination-right {
  text-align: right
}

.basic-icon-combination .icon-wrapper-circle {
  visibility: hidden
}

.basic-icon-combination .module-content-style-3 .icon-combination-default {
  text-align: center
}

.basic-icon-combination .module-content-style-3 .icon-combination-left {
  text-align: left
}

.basic-icon-combination .module-content-style-3 .icon-combination-center {
  text-align: center
}

.basic-icon-combination .module-content-style-3 .icon-combination-right {
  text-align: right
}

.basic-icon-combination .list-box-style-3 {
  width: 350px;
  height: 350px;
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%
}

@media screen and (min-width: 1600px) {
  .basic-icon-combination .list-box-style-3 {
    width: 700px;
    height: 700px
  }
}

@media screen and (min-width: 1200px) {
  .basic-icon-combination .list-box-style-3 {
    width: 600px;
    height: 600px
  }
}

@media screen and (min-width: 900px) {
  .basic-icon-combination .list-box-style-3 {
    width: 500px;
    height: 500px
  }
}

@media screen and (max-width: 900px) {
  .basic-icon-combination .list-box-style-3 {
    width: 500px;
    height: 500px
  }

  .basic-icon-combination .list-box-style-3 .circle-inner-wrap {
    width: 70%;
    height: 70%;
    margin: 15%
  }
}

@media screen and (max-width: 500px) {
  .basic-icon-combination .list-box-style-3 {
    width: 450px;
    height: 450px
  }

  .basic-icon-combination .list-box-style-3 .icon-wrapper-circle.icon-wrapper {
    width: 40px;
    height: 40px;
    line-height: 40px
  }
}

@media screen and (max-width: 450px) {
  .basic-icon-combination .list-box-style-3 {
    width: 400px;
    height: 400px
  }
}

@media screen and (max-width: 400px) {
  .basic-icon-combination .list-box-style-3 {
    width: 350px;
    height: 350px
  }
}

@media screen and (max-width: 350px) {
  .basic-icon-combination .list-box-style-3 {
    width: 300px;
    height: 300px
  }
}

@media screen and (max-width: 300px) {
  .basic-icon-combination .list-box-style-3 {
    width: 250px;
    height: 250px
  }

  .basic-icon-combination .list-box-style-3 .icon-wrapper-circle.icon-wrapper {
    width: 30px;
    height: 30px;
    line-height: 30px
  }
}

.basic-icon-combination .list-box-style-3 .circle-wrap {
  width: 90%;
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #eee;
  border-radius: 50%;
  position: relative
}

.basic-icon-combination .list-box-style-3 .circle-inner-wrap {
  display: table;
  width: 80%;
  margin: 10%;
  padding: 20px;
  height: 80%;
  border-radius: 50%;
  background: #eee
}

@media screen and (max-width: 900px) {
  .basic-icon-combination .list-box-style-3 .circle-inner-wrap {
    width: 75%;
    height: 75%;
    margin: 12.5%
  }
}

.basic-icon-combination .list-box-style-3 .info-wrapper {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.basic-icon-combination .list-box-style-3 .center-icon-wrapper {
  display: inline-block;
  width: 40px;
  height: 40px
}

.basic-icon-combination .list-box-style-3 .circle-title {
  margin-top: 5px
}

.basic-icon-combination .list-box-style-3 .circle-summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 6%;
  padding-right: 6%
}

.basic-icon-combination .list-box-style-3 .icon-wrapper-circle {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffb536;
  vertical-align: middle;
  border-radius: 50%
}

.basic-icon-combination .list-box-style-3 .img-icon {
  vertical-align: middle;
  width: 60%;
  height: auto;
  max-width: 100%
}

.basic-icon-combination .list-box-style-3 .icon-circle-pop {
  -webkit-animation-name: circle-pop;
  animation-name: circle-pop;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes circle-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes circle-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.basic-icon-combination .list-box-style-3 .fade-enter-active,
.basic-icon-combination .list-box-style-3 .fade-leave-active {
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.basic-icon-combination .list-box-style-3 .fade-enter,
.basic-icon-combination .list-box-style-3 .fade-leave-to {
  opacity: 0
}

.pc_pattern .basic-icon-combination .list-box-style-3 {
  visibility: hidden
}

.mb_pattern .basic-icon-combination .list_box {
  padding: 1.89%
}

.is-full-page-body,
.is-full-page-html {
  overflow: hidden
}

.is-full-page-html .myheader {
  z-index: 9
}

.is-full-page-html .mb_body_view {
  -webkit-transition: -webkit-transform .7s ease;
  transition: -webkit-transform .7s ease;
  transition: transform .7s ease;
  transition: transform .7s ease, -webkit-transform .7s ease;
  -ms-touch-action: none;
  touch-action: none;
  position: relative;
  -webkit-perspective: 1200px;
  perspective: 1200px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.is-full-page-html .layout_body {
  height: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative
}

.is-full-page-html .myBanner {
  position: absolute;
  width: 100%;
  background: #fff !important;
  z-index: 1
}

.is-full-page-html .myFooter {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s
}

.is-full-page-html .myFooter.my-footer-active {
  opacity: 1;
  visibility: visible;
  z-index: 2
}

.is-full-page-html .myBanner {
  height: 100%;
  overflow: hidden;
  max-height: 100%
}

.is-full-page-html .myBanner .layrow.full_screen_banner {
  overflow: hidden
}

.is-full-page-html .layout_body .layout_row {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 0;
  height: 100% !important;
  overflow-x: hidden;
  overflow-y: auto
}

.is-full-page-html .myBanner,
.is-full-page-html .layout_body .layout_row,
.is-full-page-html .myFooter {
  display: block;
  opacity: 0;
  visibility: hidden
}

.is-full-page-html .myBanner.is-old-slide,
.is-full-page-html .layout_body .is-old-slide,
.is-full-page-html .myFooter.is-old-slide {
  opacity: 1;
  visibility: visible;
  z-index: 2
}

.is-full-page-html .myBanner.fullpage-slide-current,
.is-full-page-html .layout_body .fullpage-slide-current,
.is-full-page-html .myFooter.fullpage-slide-current {
  opacity: 1;
  visibility: visible;
  z-index: 2
}

.is-full-page-html .myBanner.slide,
.is-full-page-html .layout_body .slide,
.is-full-page-html .myFooter.slide {
  opacity: 1;
  visibility: visible;
  z-index: 2
}

.full-page-nav {
  position: fixed;
  padding: 10px;
  z-index: 999
}

#full-page-nav {
  visibility: hidden
}

.full-page-col .full-page-nav {
  top: 50%;
  right: 5px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-right: 10px
}

.full-page-nav li {
  position: relative;
  list-style: none;
  font-size: 12px;
  cursor: pointer
}

.full-page-nav-style-0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.full-page-nav-style-0 li {
  line-height: 21px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0
}

.full-page-nav-style-0 li::after {
  content: "";
  width: 4px;
  background: #a8a8a8;
  height: 4px;
  border-radius: 50%
}

.full-page-nav-style-0 li.nav-item-active {
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  background: none;
  border-radius: 50%;
  border-color: var(--theme_color)
}

.full-page-nav-style-0 li.nav-item-active::after {
  display: none
}

.full-page-nav-style-1 {
  width: 57px
}

.full-page-nav-style-1 li {
  width: 4px;
  height: 4px;
  margin-bottom: 30px;
  font-size: 0;
  position: relative
}

.full-page-nav-style-1 li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 44.8px;
  width: 4px;
  height: 4px;
  background: #a8a8a8;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.full-page-nav-style-1 li::after {
  position: absolute;
  width: 15px;
  height: 15px;
  content: "";
  top: 50%;
  left: 35.8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.full-page-nav-style-1 li.nav-item-active {
  font-size: 20px;
  width: 50px;
  height: 20px;
  line-height: 1;
  color: var(--theme_color)
}

.full-page-nav-style-1 .nav-item-active:before {
  background: var(--theme_color)
}

.full-page-nav-style-1 .nav-item-active:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 37px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid var(--theme_color);
  border-radius: 50%
}

.full-page-nav-style-2 li {
  color: #c4c4c4;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  width: 50px;
  line-height: 4;
  margin-bottom: 0
}

.full-page-nav-style-2 li.nav-item-active {
  font-size: 20px;
  text-align: left;
  color: var(--theme_color)
}

.full-page-nav-style-2 li.nav-item-active:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 37px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
  background: var(--theme_color)
}

.full-page-nav-style-3 {
  display: none
}

.full-page-row .full-page-nav {
  left: 50%;
  bottom: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.full-page-row .full-page-nav-style-0 li {
  margin-right: 15px;
  margin-bottom: 0
}

.full-page-row .full-page-nav-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto
}

.full-page-row .full-page-nav-style-1 li {
  margin-bottom: 0;
  margin-right: 30px;
  height: 50px
}

.full-page-row .full-page-nav-style-1 li:before {
  left: 0;
  width: 1px;
  height: 10px;
  border-radius: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.full-page-row .full-page-nav-style-1 li:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-55%, 32%);
  -ms-transform: translate(-55%, 32%);
  transform: translate(-55%, 32%)
}

.full-page-row .full-page-nav-style-1 .nav-item-active {
  width: 20px;
  white-space: nowrap
}

.full-page-row .full-page-nav-style-1 .nav-item-active:before {
  left: 9.5px;
  height: 20px;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  width: 1px;
  background-color: var(--theme_color)
}

.full-page-row .full-page-nav-style-1 .nav-item-active:after {
  display: none;
  border-color: var(--theme_color);
  width: 15px;
  height: 15px;
  content: ""
}

.full-page-row .full-page-nav-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.full-page-row .full-page-nav-style-2 li {
  text-align: left;
  width: auto;
  height: 50px;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1
}

.full-page-row .full-page-nav-style-2 .nav-item-active {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.full-page-row .full-page-nav-style-2 .nav-item-active:after {
  left: auto;
  height: 10px;
  width: 2px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  top: auto;
  bottom: 0
}

.is-full-page-html .is-full-page-body .mb_body_view .layout_body .row_edit_frame {
  top: 60px !important;
  right: 10px !important
}

.is-full-page-html .layout_body .layout_row .btn {
  top: 1px
}

.is-full-page-html .layout_body .layout_row .btn span {
  margin-top: 0;
  border-radius: 0 0 3px 3px
}

.material_part .layout_row {
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important
}

.is-full-page-html .header-xuanfu {
  position: absolute
}

.jz_page_moveLeftOut {
  -webkit-animation: moveToLeft .6s ease both;
  animation: moveToLeft .6s ease both
}

.jz_page_moveLeftIn {
  -webkit-animation: moveFromRight .6s ease both;
  animation: moveFromRight .6s ease both
}

.jz_page_moveRightOut {
  -webkit-animation: moveToRight .6s ease both;
  animation: moveToRight .6s ease both
}

.jz_page_moveRightIn {
  -webkit-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both
}

.jz_page_moveTopOut {
  -webkit-animation: moveToBottom .6s ease both;
  animation: moveToBottom .6s ease both
}

.jz_page_moveTopIn {
  -webkit-animation: moveFromTop .6s ease both;
  animation: moveFromTop .6s ease both
}

.jz_page_moveBottomOut {
  -webkit-animation: moveToTop .6s ease both;
  animation: moveToTop .6s ease both
}

.jz_page_moveBottomIn {
  -webkit-animation: moveFromBottom .6s ease both;
  animation: moveFromBottom .6s ease both
}

@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes panelMoveToLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
  }
}

@keyframes panelMoveToLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
  }
}

@-webkit-keyframes moveFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes moveFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@-webkit-keyframes moveFromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes moveFromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@-webkit-keyframes moveFromTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes moveFromTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@-webkit-keyframes moveFromBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes moveFromBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.is-full-page-html .myBanner .pc_iframe_preview {
  height: 100%
}

.is-full-page-html .myBanner .pc_iframe_preview .laybox:first-child {
  height: 100%
}

.is-full-page-html .layrow .laybox {
  min-height: 100%
}

.foreign_station .basic_text,
.foreign_station .basic_rich_text,
.foreign_station .basic_text_rich_type,
.foreign_station .basic_webtitle {
  word-break: normal !important
}

.foreign_station .basic_text div,
.foreign_station .basic_text span,
.foreign_station .basic_text h1,
.foreign_station .basic_text h2,
.foreign_station .basic_text h3,
.foreign_station .basic_text h4,
.foreign_station .basic_text h5,
.foreign_station .basic_text h6,
.foreign_station .basic_text p,
.foreign_station .basic_text a,
.foreign_station .basic_text em,
.foreign_station .basic_text strong,
.foreign_station .basic_text sub,
.foreign_station .basic_text sup,
.foreign_station .basic_text tt,
.foreign_station .basic_text b,
.foreign_station .basic_text i,
.foreign_station .basic_text dl,
.foreign_station .basic_text dt,
.foreign_station .basic_text dd,
.foreign_station .basic_text ol,
.foreign_station .basic_text ul,
.foreign_station .basic_text li,
.foreign_station .basic_text label,
.foreign_station .basic_text table,
.foreign_station .basic_text tbody,
.foreign_station .basic_text tfoot,
.foreign_station .basic_text thead,
.foreign_station .basic_text tr,
.foreign_station .basic_text th,
.foreign_station .basic_text td,
.foreign_station .basic_text article,
.foreign_station .basic_text aside,
.foreign_station .basic_text embed,
.foreign_station .basic_text footer,
.foreign_station .basic_text header,
.foreign_station .basic_text menu,
.foreign_station .basic_text nav,
.foreign_station .basic_text section,
.foreign_station .basic_text summary,
.foreign_station .basic_rich_text div,
.foreign_station .basic_rich_text span,
.foreign_station .basic_rich_text h1,
.foreign_station .basic_rich_text h2,
.foreign_station .basic_rich_text h3,
.foreign_station .basic_rich_text h4,
.foreign_station .basic_rich_text h5,
.foreign_station .basic_rich_text h6,
.foreign_station .basic_rich_text p,
.foreign_station .basic_rich_text a,
.foreign_station .basic_rich_text em,
.foreign_station .basic_rich_text strong,
.foreign_station .basic_rich_text sub,
.foreign_station .basic_rich_text sup,
.foreign_station .basic_rich_text tt,
.foreign_station .basic_rich_text b,
.foreign_station .basic_rich_text i,
.foreign_station .basic_rich_text dl,
.foreign_station .basic_rich_text dt,
.foreign_station .basic_rich_text dd,
.foreign_station .basic_rich_text ol,
.foreign_station .basic_rich_text ul,
.foreign_station .basic_rich_text li,
.foreign_station .basic_rich_text label,
.foreign_station .basic_rich_text table,
.foreign_station .basic_rich_text tbody,
.foreign_station .basic_rich_text tfoot,
.foreign_station .basic_rich_text thead,
.foreign_station .basic_rich_text tr,
.foreign_station .basic_rich_text th,
.foreign_station .basic_rich_text td,
.foreign_station .basic_rich_text article,
.foreign_station .basic_rich_text aside,
.foreign_station .basic_rich_text embed,
.foreign_station .basic_rich_text footer,
.foreign_station .basic_rich_text header,
.foreign_station .basic_rich_text menu,
.foreign_station .basic_rich_text nav,
.foreign_station .basic_rich_text section,
.foreign_station .basic_rich_text summary,
.foreign_station .basic_text_rich_type div,
.foreign_station .basic_text_rich_type span,
.foreign_station .basic_text_rich_type h1,
.foreign_station .basic_text_rich_type h2,
.foreign_station .basic_text_rich_type h3,
.foreign_station .basic_text_rich_type h4,
.foreign_station .basic_text_rich_type h5,
.foreign_station .basic_text_rich_type h6,
.foreign_station .basic_text_rich_type p,
.foreign_station .basic_text_rich_type a,
.foreign_station .basic_text_rich_type em,
.foreign_station .basic_text_rich_type strong,
.foreign_station .basic_text_rich_type sub,
.foreign_station .basic_text_rich_type sup,
.foreign_station .basic_text_rich_type tt,
.foreign_station .basic_text_rich_type b,
.foreign_station .basic_text_rich_type i,
.foreign_station .basic_text_rich_type dl,
.foreign_station .basic_text_rich_type dt,
.foreign_station .basic_text_rich_type dd,
.foreign_station .basic_text_rich_type ol,
.foreign_station .basic_text_rich_type ul,
.foreign_station .basic_text_rich_type li,
.foreign_station .basic_text_rich_type label,
.foreign_station .basic_text_rich_type table,
.foreign_station .basic_text_rich_type tbody,
.foreign_station .basic_text_rich_type tfoot,
.foreign_station .basic_text_rich_type thead,
.foreign_station .basic_text_rich_type tr,
.foreign_station .basic_text_rich_type th,
.foreign_station .basic_text_rich_type td,
.foreign_station .basic_text_rich_type article,
.foreign_station .basic_text_rich_type aside,
.foreign_station .basic_text_rich_type embed,
.foreign_station .basic_text_rich_type footer,
.foreign_station .basic_text_rich_type header,
.foreign_station .basic_text_rich_type menu,
.foreign_station .basic_text_rich_type nav,
.foreign_station .basic_text_rich_type section,
.foreign_station .basic_text_rich_type summary,
.foreign_station .basic_webtitle div,
.foreign_station .basic_webtitle span,
.foreign_station .basic_webtitle h1,
.foreign_station .basic_webtitle h2,
.foreign_station .basic_webtitle h3,
.foreign_station .basic_webtitle h4,
.foreign_station .basic_webtitle h5,
.foreign_station .basic_webtitle h6,
.foreign_station .basic_webtitle p,
.foreign_station .basic_webtitle a,
.foreign_station .basic_webtitle em,
.foreign_station .basic_webtitle strong,
.foreign_station .basic_webtitle sub,
.foreign_station .basic_webtitle sup,
.foreign_station .basic_webtitle tt,
.foreign_station .basic_webtitle b,
.foreign_station .basic_webtitle i,
.foreign_station .basic_webtitle dl,
.foreign_station .basic_webtitle dt,
.foreign_station .basic_webtitle dd,
.foreign_station .basic_webtitle ol,
.foreign_station .basic_webtitle ul,
.foreign_station .basic_webtitle li,
.foreign_station .basic_webtitle label,
.foreign_station .basic_webtitle table,
.foreign_station .basic_webtitle tbody,
.foreign_station .basic_webtitle tfoot,
.foreign_station .basic_webtitle thead,
.foreign_station .basic_webtitle tr,
.foreign_station .basic_webtitle th,
.foreign_station .basic_webtitle td,
.foreign_station .basic_webtitle article,
.foreign_station .basic_webtitle aside,
.foreign_station .basic_webtitle embed,
.foreign_station .basic_webtitle footer,
.foreign_station .basic_webtitle header,
.foreign_station .basic_webtitle menu,
.foreign_station .basic_webtitle nav,
.foreign_station .basic_webtitle section,
.foreign_station .basic_webtitle summary {
  word-break: normal !important
}

.foreign_station .basic_text .edit-div,
.foreign_station .basic_rich_text .edit-div,
.foreign_station .basic_text_rich_type .edit-div,
.foreign_station .basic_webtitle .edit-div {
  word-break: normal !important
}

.mb_pattern .detail_specfic_panel img,
.mb_pattern .news_detail_content img {
  max-width: 100% !important;
  height: auto !important
}

.basic_progress-content .basic_progress-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_progress-content .basic_progress-wrapper .progress-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.basic_progress-content .basic_progress-wrapper .left_right {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_progress-content .basic_progress-wrapper.right .left_right {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.basic_progress-content .basic_progress-wrapper.right,
.basic_progress-content .basic_progress-wrapper.bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.basic_progress-content .basic_progress-wrapper.bottom,
.basic_progress-content .basic_progress-wrapper.top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.basic_progress-content .basic_progress-wrapper.top .bottom_top {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.basic_progress-content .basic_progress-wrapper .bottom_top {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_flod_text_wrapper .basic_flod_text_content {
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title .title-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title:hover .title-text {
  background-image: none !important
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content {
  word-wrap: break-word;
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content:hover .content-text {
  background-image: none !important
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_text_content_padding {
  padding-left: 25px
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_content_height_0 {
  height: 0
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_content_height_auto {
  height: auto
}

.pc_pattern .basic_flod_text .basic_flod_text_content .flod_text_title .title-text-mb {
  display: none
}

.mb_pattern .basic_flod_text .basic_flod_text_content .flod_text_title .title-text-pc {
  display: none
}

.basic-job-wrapper .no-job-text {
  padding: 10px;
  text-align: center
}

.basic-job-wrapper .no-endtime {
  color: #ff0000
}

.basic-job-wrapper .my-job-expended-cell:hover {
  background: #f5f7fa !important
}

.basic-job-wrapper .job-detail-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px
}

.basic-job-wrapper .job-detail-wrapper:hover {
  background: #f5f7fa
}

.basic-job-wrapper .job-detail-wrapper .job-title {
  margin-bottom: 5px
}

.basic-job-wrapper .job-detail-wrapper .row-btn {
  margin-top: 5px
}

.basic-job-wrapper .job-item {
  line-height: 1.5;
  padding-top: 4px;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-job-wrapper .job-item .item-label,
.basic-job-wrapper .job-item .item-content {
  display: inline-block;
  vertical-align: top
}

.basic-job-wrapper .job-table-row {
  cursor: pointer
}

.basic-job-wrapper .job-table-row .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic-job-wrapper .module-style-1 .job-detail-wrapper {
  padding-left: 50px
}

.basic-job-wrapper .my-mock-table .my-mock-tr.my-job-expended-cell {
  display: none
}

.basic-job-wrapper .job-overview-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #ddd;
  padding: 10px;
  padding-bottom: 0
}

.basic-job-wrapper .panel-title {
  font-size: 20px;
  padding-left: 0;
  margin-right: 10px
}

.basic-job-wrapper .panel-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px
}

.basic-job-wrapper .job-tag {
  margin-right: 10px;
  margin-bottom: 10px;
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
  background-color: #e6f2fb;
  border-color: #cce4f7;
  display: inline-block;
  font-size: 12px;
  color: #0078d7
}

.basic-job-wrapper .module-style-2 .job-list {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow-y: auto
}

.basic-job-wrapper .module-style-2 .job-detail-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding-left: 10px
}

.basic-job-wrapper .btn-submit {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0078d7;
  color: #FFFFFF;
  background-color: #0078d7;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 12px;
  border-radius: 3px;
  padding: 8px 20px
}

.basic-job-wrapper .el-button--primary {
  color: #FFF;
  background-color: #0078d7;
  border-color: #0078d7
}

.basic-job-wrapper .el-button--primary:focus,
.basic-job-wrapper .el-button--primary:hover {
  background: #0084ed;
  border-color: #0084ed;
  color: #FFF
}

.basic-job-wrapper .job-item-col .item-label {
  white-space: nowrap
}

.basic-job-wrapper .el-table td {
  padding: 0
}

.basic-job-wrapper .el-table table {
  border-collapse: separate
}

.mb_pattern .basic-job-wrapper .module-style-2 .job-list {
  height: auto !important
}

.mb_pattern .basic-job-wrapper .panel-title {
  width: 2em
}

.el-table__expand-icon .fa {
  font-size: 20px;
  color: #999
}

.mb_pattern .basic-job-wrapper .module-style-1 .th-address,
.mb_pattern .basic-job-wrapper .module-style-1 .th-jobType,
.mb_pattern .basic-job-wrapper .module-style-1 .th-require,
.mb_pattern .basic-job-wrapper .module-style-1 .th-endTime,
.mb_pattern .basic-job-wrapper .module-style-1 .td-address,
.mb_pattern .basic-job-wrapper .module-style-1 .td-jobType,
.mb_pattern .basic-job-wrapper .module-style-1 .td-require,
.mb_pattern .basic-job-wrapper .module-style-1 .td-endTime {
  display: none
}

.mb_pattern .basic-job-wrapper .module-style-1 .th-salary,
.mb_pattern .basic-job-wrapper .module-style-1 .td-salary {
  width: 100px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mb_pattern .basic-job-wrapper .pc-job-module-1 {
  display: none
}

.mb_pattern .basic-job-wrapper .job-item-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .basic-job-wrapper .job-item-col .item-label {
  margin-bottom: 5px
}

.pc_pattern .mb-job-module-1 {
  display: none
}

.basic-job-wrapper .my-mock-tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic-job-wrapper .my-mock-th .cell,
.basic-job-wrapper .my-mock-td .cell {
  padding-left: 10px;
  padding-right: 0
}

.basic-job-wrapper .my-mock-thead .cell {
  padding-top: 10px;
  padding-bottom: 10px
}

.basic-job-wrapper .el-table__expand-column {
  width: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-job-wrapper .el-table__expand-icon {
  font-size: inherit
}

.basic-job-wrapper .th-subject,
.basic-job-wrapper .td-subject {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -webkit-box-flex: 3;
  -webkit-flex: 3 1 300px;
  -moz-box-flex: 3;
  -ms-flex: 3 1 300px;
  flex: 3 1 300px
}

.basic-job-wrapper .th-address,
.basic-job-wrapper .td-address {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100px;
  -moz-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
  overflow: hidden
}

.basic-job-wrapper .th-jobType,
.basic-job-wrapper .td-jobType {
  width: 110px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.basic-job-wrapper .th-salary,
.basic-job-wrapper .td-salary {
  width: 110px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.basic-job-wrapper .th-num,
.basic-job-wrapper .td-num {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100px;
  -moz-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px
}

.basic-job-wrapper .th-endTime,
.basic-job-wrapper .td-endTime {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 180px;
  -moz-box-flex: 1;
  -ms-flex: 1 0 180px;
  flex: 1 0 180px
}

.basic-job-wrapper .el-table__expanded-cell {
  padding: 0
}

.basic-job-wrapper .el-table::before {
  display: none
}

.basic-job-resume {
  display: none
}

.basic-job-resume.table-1 {
  width: 100%;
  border: 1px solid #a8a8a8;
  border-collapse: collapse;
  table-layout: fixed
}

.basic-job-resume.table-1 tr {
  width: 100%
}

.basic-job-resume.table-1 th,
.basic-job-resume.table-1 tr,
.basic-job-resume.table-1 td {
  padding: 5px;
  border: 1px solid #a8a8a8;
  border-collapse: collapse
}

.basic-job-resume.table-1 th .label,
.basic-job-resume.table-1 tr .label,
.basic-job-resume.table-1 td .label {
  display: inline-block;
  width: 100%;
  padding: 5px;
  border: none;
  outline-style: none
}

.basic-job-resume.table-1 th .txt,
.basic-job-resume.table-1 tr .txt,
.basic-job-resume.table-1 td .txt {
  min-width: 50px;
  width: 100%
}

.basic-job-resume.table-1 input {
  border: none
}

.basic-job-resume.table-2 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px dashed #a8a8a8;
  border-left: 1px dashed #a8a8a8
}

.basic-job-resume.table-2 th,
.basic-job-resume.table-2 tr,
.basic-job-resume.table-2 td {
  border-bottom: 1px dashed #a8a8a8;
  border-right: 1px dashed #a8a8a8;
  border-collapse: collapse;
  position: relative
}

.basic-job-resume.table-2 th .label,
.basic-job-resume.table-2 tr .label,
.basic-job-resume.table-2 td .label {
  display: inline-block;
  width: 100%;
  padding: 10px;
  border: none;
  outline-style: none
}

.basic-job-resume.table-2 th .txt,
.basic-job-resume.table-2 tr .txt,
.basic-job-resume.table-2 td .txt {
  min-width: 50px;
  width: 100%;
  padding: 5px
}

.basic-job-resume.table-2 th .img,
.basic-job-resume.table-2 tr .img,
.basic-job-resume.table-2 td .img {
  position: absolute;
  display: block;
  max-width: 70px;
  max-height: 100px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.basic-job-resume.table-2 input {
  border: none
}

.basic-job-resume.table-3 {
  width: 100%;
  border-collapse: collapse
}

.basic-job-resume.table-3 td {
  min-width: 150px;
  padding: 5px;
  border: 1px solid #a8a8a8;
  border-collapse: collapse;
  overflow: hidden
}

.basic-job-resume.table-3 td .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic-job-resume.table-3 td .label {
  display: inline-block;
  float: left;
  padding: 5px;
  padding-right: 0;
  border: none;
  outline-style: none
}

.basic-job-resume.table-3 td .txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 60%;
  padding: 5px
}

.basic-job-resume.table-3 .block1 {
  width: 50px;
  height: 20px;
  background: #a8a8a8
}

.basic-job-resume.table-3 input {
  border: none
}

.basic-job-resume.table-4 {
  width: 100%;
  border: 1px solid #a8a8a8;
  padding: 5px
}

.basic-job-resume.table-4 .table-list {
  margin-bottom: 10px
}

.basic-job-resume.table-4 .table-list .label {
  display: inline-block;
  width: 100%;
  min-width: 4em;
  padding: 5px;
  padding-right: 0;
  border: none;
  outline-style: none
}

.basic-job-resume.table-4 .table-list .txt {
  padding: 4px;
  padding-left: 10px;
  display: block;
  width: 100%
}

.basic-job-resume.table-4 .el-row:after {
  clear: both
}

.basic-job-resume.table-4 .el-row:after,
.basic-job-resume.table-4 .el-row:before {
  display: table;
  content: ""
}

.basic-job-resume.table-4 .el-row {
  font-size: 0
}

.basic-job-resume.table-4 .el-col {
  font-size: 13px
}

.basic-job-resume.table-4 .el-col-9,
.basic-job-resume.table-4 .el-col-21 {
  overflow: hidden
}

.basic-job-resume.table-4 .my-col-half {
  display: inline-block;
  width: 50%
}

.basic-job-resume.table-4 .el-col-3 {
  float: left;
  width: auto
}

.basic-job-resume.table-4 input {
  border: none
}

.form-tip-job {
  line-height: 1.5;
  color: #0078d7;
  margin-bottom: 15px;
  padding-left: 10px
}

.form_item_wrap_mb {
  display: none
}

@media screen and (max-width: 768px) {
  .form_item_wrap_mb {
    display: block
  }

  .form_item_wrap-resume {
    display: none
  }

  .form-content-resume {
    display: none
  }
}

.basic_picture_text_swiper .list_frame {
  width: 100%
}

.basic_picture_text_swiper .list_frame .list_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  font-size: 0;
  position: relative
}

.pc_pattern .basic_picture_text_swiper .list_frame {
  min-height: 50px
}

.mb_pattern .basic_picture_text_swiper .list_box {
  padding: 1.89%
}

.mb_pattern .basic_picture_text_swiper .list_frame {
  overflow: hidden
}

.basic_picture_text_swiper .list_frame {
  width: 100%
}

.basic_picture_text_swiper .list_frame .listBoxWrapper {
  width: calc(100% - 80px)
}

.basic_picture_text_swiper .list_frame .my-swiper-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  font-size: 0;
  position: relative
}

.basic_picture_text_swiper .style-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.basic_picture_text_swiper .img-pagination {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  cursor: pointer
}

.basic_picture_text_swiper .btn-pagination {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: 40px;
  position: relative;
  background: rgba(0, 0, 0, 0.2)
}

.basic_picture_text_swiper .btn-pagination:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url(../img/backimg1.png) -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_picture_text_swiper .btn-pagination.btn-next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_picture_text_swiper .btn-pagination i {
  display: none;
  font-size: 35px;
  color: #000;
  vertical-align: middle;
  opacity: 0
}

.basic_picture_text_swiper .my-swiper-box {
  width: 100%
}

.basic_picture_text_swiper .swiper-slide {
  padding: calc(0.3% + 8px)
}

.basic_picture_text_swiper .list_frame {
  width: 100%
}

.basic_picture_text_swiper .list_frame .style-wrapper-2 .list_box {
  width: calc(100% - 50px);
  height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  font-size: 0;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_picture_text_swiper .list-box-style-1 {
  width: 100%
}

.basic_picture_text_swiper .style-wrapper-2 .module-content-style-1 {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.basic_picture_text_swiper .style-wrapper-2 .my-swiper-box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-container {
  height: 500px
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-wrapper {
  height: auto;
  margin: auto
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-slide {
  height: 250px
}

.basic_picture_text_swiper .style-wrapper-2 .icon-combination-summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.basic_picture_text_swiper .style-wrapper-2 .img-pagination {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  cursor: pointer
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: 40px;
  position: relative;
  background: rgba(0, 0, 0, 0.2)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination:hover {
  background: rgba(0, 0, 0, 0.2)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url(../img/backimg1.png) -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination.btn-next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination.btn-prev {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination.btn-next {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination i {
  display: none;
  font-size: 35px;
  color: #000;
  vertical-align: middle
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination.btn-prev {
  margin-bottom: 250px
}

.basic_picture_text_swiper .style-wrapper-2 .btn-next {
  margin-top: 250px
}

.basic_picture_text_swiper .style-wrapper-2 .btn-next {
  margin-top: 250px
}

.basic_picture_text_swiper .list_one {
  position: relative;
  width: 100%;
  height: 100%
}

.basic_picture_text_swiper .list_one .tooptipPart {
  right: 0;
  bottom: 0;
  top: auto;
  display: none;
  z-index: 999
}

.basic_picture_text_swiper .list_one .list_img_frame {
  position: relative;
  overflow: hidden
}

.basic_picture_text_swiper .list_one .list_img_frame .list_img_back {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  -webkit-transition: all ease 0.36s;
  transition: all ease 0.36s;
  background-repeat: no-repeat
}

.basic_picture_text_swiper .list_one:hover .tooptipPart {
  display: block
}

.basic_picture_text_swiper .module-content {
  height: 100%;
  padding: 15%
}

.basic_picture_text_swiper .icon-wrapper {
  display: inline-block;
  width: 25%;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.basic_picture_text_swiper .img-icon {
  max-width: 100%
}

.basic_picture_text_swiper .icon-combination-title {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  line-height: 1.3
}

.basic_picture_text_swiper .icon-combination-summary {
  font-size: 14px;
  color: #999;
  margin-top: 12px;
  line-height: 1.3
}

.basic_picture_text_swiper .one-icon-tooptip {
  position: absolute;
  bottom: 10px;
  right: 10px
}

.basic_picture_text_swiper .img-tooltip {
  top: 0 !important;
  display: none !important
}

.basic_picture_text_swiper .icon-wrapper:hover .img-tooltip {
  display: block !important
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-default {
  text-align: center
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-center {
  text-align: center
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-left {
  text-align: left
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-right {
  text-align: right
}

.basic_picture_text_swiper .module-content-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_picture_text_swiper .module-content-style-1 .icon-wrapper {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

.basic_picture_text_swiper .module-content-style-1 .icon-wrapper .img-icon {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_picture_text_swiper .module-content-style-1 .text-wrapper {
  width: 75%;
  padding-left: 15px;
  text-align: left
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-top .icon-combination-title {
  margin-top: -0.12em
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-bottom .icon-combination-summary {
  margin-bottom: -0.12em
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-title {
  margin-top: 0
}

.basic_picture_text_swiper .module-content-style-2 {
  background: #f2f2f2
}

.basic_picture_text_swiper .module-content-style-2 .icon-wrapper {
  display: inline-block
}

.basic_picture_text_swiper .module-content-style-2 {
  padding: 12.5% 15.6%
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-title {
  margin-top: 24px
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-summary {
  margin-top: 10px
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-default {
  text-align: left
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-left {
  text-align: left
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-center {
  text-align: center
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-right {
  text-align: right
}

.mb_pattern .basic_picture_text_swiper .swiper-slide-mock {
  display: none
}

.mb_pattern .basic_picture_text_swiper .list_frame .listBoxWrapper {
  width: 100%
}

.mb_pattern .basic_picture_text_swiper .bt-group {
  display: none
}

.mb_pattern .basic_picture_text_swiper .btn-pagination {
  display: none
}

.mb_pattern .basic_picture_text_swiper .img-pagination {
  display: none
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .list_box {
  height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-container {
  height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-slide {
  height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .icon-combination-summary {
  overflow: visible;
  display: inline-block
}

.basic_video_detail_index.video-detail-container {
  overflow: hidden
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-center {
  width: 43.75%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-center .video-border {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #eee
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-center .video-border .video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail {
  width: 56.25%;
  margin-left: 40px;
  font-size: 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .video-title {
  margin-bottom: 20px;
  word-wrap: break-word
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .video-desc {
  word-wrap: break-word
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_text {
  line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_info .news_share_text .u-share_title {
  display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .jz_share_list {
  right: -30px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share_show {
  margin-right: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt {
  font-size: 14px;
  margin-left: 20px;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt #qrcode {
  display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt:hover #qrcode {
  display: block
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt .icon-phone {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .icon-download {
  font-size: 18px;
  margin-left: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .detail-play {
  font-size: 16px;
  margin-right: 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb {
  padding: 0 3.6%;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center {
  width: 100%;
  position: relative
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center .video-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center .video-img .play-icon {
  position: absolute;
  font-size: 60px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center .video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share {
  margin-right: 2px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .see-txt {
  font-size: 14px;
  margin-left: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_text {
  line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_info .news_share_text .u-share_title {
  display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share_show {
  margin-right: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .file_download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .icon-download {
  font-size: 16px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .detail-play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend {
  font-size: 0
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-title {
  margin: 20px 10px;
  font-size: 18px;
  font-weight: bold
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  color: #333;
  background: #fff
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap {
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  overflow: hidden;
  color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap .video {
  padding-bottom: 100%;
  height: 0;
  width: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap .video-title {
  margin-bottom: 5px;
  margin-top: 15px;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty {
  width: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips {
  width: 100%;
  padding: 90px 0;
  text-align: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips__img {
  display: block;
  width: 157px;
  height: 123px;
  margin: 0 auto;
  background: url(../img/default_icon.png) 0 0
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips__text {
  margin-top: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb {
  padding: 0 1.8%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-title {
  margin: 20px 0px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 1.8%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb {
  width: 46.4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px 1.8% 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap {
  position: relative;
  z-index: 1;
  padding: 0;
  display: block;
  height: 100%;
  overflow: hidden;
  color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap .video {
  padding-bottom: 100%;
  height: 0;
  width: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap .video-title {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center
}

.basic_video_detail_index.video-detail-container .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  margin: 10px;
  background-color: #fff;
  vertical-align: top
}

.basic_video_detail_index.video-detail-container .list_one .tooptipPart {
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  z-index: 999
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap {
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  overflow: hidden;
  color: #333
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_name_wrap {
  color: inherit;
  line-height: 24px;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 15px;
  overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  display: inline-block;
  width: 100%;
  color: inherit;
  font-size: 16px;
  vertical-align: middle;
  word-break: normal;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_summary_wrap {
  display: none
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
  content: "\FF1A"
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
  color: #666;
  font-size: 14px
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::after,
.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_video_detail_index.video-detail-container .list_one:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap.font_hover_color:hover {
  color: var(--theme_color)
}

.basic_video_detail_index.video-detail-container .list_one .border_hover_color:hover {
  border-color: var(--theme_color)
}

.basic_video_detail_index .recommend-content .list_one:hover .list_one_wrap {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.pc_pattern .basic_video_detail_index.video-detail-container .recommend-content.recommend-content-mb {
  display: none
}

.mb_pattern .basic_video_detail_index.video-detail-container .recommend-content.recommend-content-pc {
  display: none
}

@media screen and (max-width: 970px) {
  .basic_video_detail_index.video-detail-container .pc-detail-content .video-top {
    display: none
  }

  .basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb {
    display: block
  }
}

@media screen and (min-width: 970px) {
  .basic_video_detail_index.video-detail-container .pc-detail-content .video-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  .basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb {
    display: none
  }
}

.basic_magic_number .basic_magic_number-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_magic_number .basic_magic_number-wrapper .magic-number {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.pc_pattern .basic_magic_number-wrapper-mb {
  display: none
}

.mb_pattern .basic_magic_number-wrapper-pc {
  display: none
}

.basic_img_scale_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  overflow: hidden
}

.basic_img_scale_container .opc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5)
}

.basic_img_scale_container .basic_img_scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_img_scale_container .basic_img_scale .scale_top {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.basic_img_scale_container .basic_img_scale .scale_top .icon-close {
  color: #fff;
  position: absolute;
  top: 20px;
  right: 40px;
  font-size: 20px;
  cursor: pointer
}

.basic_img_scale_container .basic_img_scale .scale_top #img_scale_close {
  position: absolute;
  top: 20px;
  right: 40px;
  font-size: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-background-size: 14px 14px;
  background-size: 14px;
  background-color: #6E6E6E;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/close.png")
}

.basic_img_scale_container .basic_img_scale ::-webkit-scrollbar {
  width: 0 !important
}

.basic_img_scale_container .basic_img_scale .all_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 25px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 20px;
  scrollbar-width: none;
  height: 50vh
}

.basic_img_scale_container .basic_img_scale .all_img .img_box {
  width: 112px;
  min-height: 112px;
  min-width: 112px;
  max-height: 112px;
  height: 112px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_img_scale_container .basic_img_scale .all_img .img_box div {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  max-width: 100%;
  max-height: 100%;
  width: 100px;
  height: 100px
}

.basic_img_scale_container .basic_img_scale .all_img .img_box:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.basic_img_scale_container .basic_img_scale .img-scale {
  height: calc(100% - 300px);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_img_scale_container .basic_img_scale .img-scale .img-center-box {
  width: 80%;
  height: 100%;
  background: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_img_scale_container .basic_img_scale .img-scale .img-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.basic_img_scale_container .basic_img_scale .img-scale .img-center .img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 20px
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow.left {
  margin-right: 28px
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow.left:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow.right {
  margin-left: 28px
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow.right:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow .icon-arrow {
  font-size: 50px;
  color: #999;
  cursor: pointer
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow .img_scale_arrow_left,
.basic_img_scale_container .basic_img_scale .img-scale .arrow .img_scale_arrow_right {
  cursor: pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow .img_scale_arrow_left {
  background-image: url("../img/arrowLeft.png")
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow .img_scale_arrow_right {
  background-image: url("../img/arrowRight.png")
}

.basic_img_scale_container .basic_img_scale .btns {
  margin: 20px 0;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_img_scale_container .basic_img_scale .btns .icon-scale {
  color: #fff;
  font-size: 26px;
  margin-right: 60px;
  cursor: pointer
}

.basic_img_scale_container .basic_img_scale .btns .zoom-in,
.basic_img_scale_container .basic_img_scale .btns .zoom-out {
  color: #fff;
  font-size: 26px;
  margin: 0 30px;
  cursor: pointer;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px
}

.basic_img_scale_container .basic_img_scale .btns .zoom-in:before,
.basic_img_scale_container .basic_img_scale .btns .zoom-out:before {
  content: ''
}

.basic_img_scale_container .basic_img_scale .btns .zoom-in {
  background-image: url("../img/scaleUp.png")
}

.basic_img_scale_container .basic_img_scale .btns .zoom-out {
  background-image: url("../img/scaleDown.png")
}

@media screen and (max-width: 800px) {
  .basic_img_scale_container {
    display: none !important
  }
}

.basic-row-tab {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mb_pattern .basic_row_tab .basic-row-tab .tab-nav-outer {
  width: 100%;
  overflow-x: auto
}

.mb_pattern .basic_row_tab .basic-row-tab .tab-nav {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content
}

.basic_row_tab .tab-nav-outer::-webkit-scrollbar {
  height: 0px
}

.basic_row_tab .tab-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_row_tab .tab-nav-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_row_tab .tab-nav-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.basic_row_tab .tab-nav-stretch .tab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_row_tab .tab-item {
  font-size: 14px;
  color: #202020;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  margin: 10px 5px;
  min-width: 54px;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.basic_row_tab .tab-item .name-text-wrapper {
  width: 100%
}

.basic_row_tab .tab-item .tab-name-text {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic-row-tab-style-1 .tab-item {
  border: 1px solid #f0f0f0;
  border-radius: 2px
}

.basic-row-tab-style-1 .tab-item.tab-item-active {
  background-color: var(--theme_color);
  color: #fff;
  border-color: transparent
}

.basic-row-tab-style-2 .tab-item {
  border-radius: 16px;
  padding: 6px 20px
}

.basic-row-tab-style-2 .tab-item.tab-item-active {
  background-color: var(--theme_color);
  color: #fff
}

.basic-row-tab-style-3 .tab-nav {
  border-bottom: 1px solid #e6e6e6
}

.basic-row-tab-style-3 .tab-item:first-child .tab-item-split,
.basic-row-tab-style-4 .tab-item:first-child .tab-item-split,
.basic-row-tab-style-5 .tab-item:first-child .tab-item-split {
  display: none
}

.basic-row-tab-style-3 .tab-item-split,
.basic-row-tab-style-4 .tab-item-split,
.basic-row-tab-style-5 .tab-item-split {
  width: 1px;
  height: 16px;
  background: #dcdcdc;
  left: -5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.basic-row-tab-style-3 .tab-item-split:last-child,
.basic-row-tab-style-4 .tab-item-split:last-child,
.basic-row-tab-style-5 .tab-item-split:last-child {
  visibility: hidden
}

.basic-row-tab-style-3 .tab-item {
  margin: 0 5px;
  padding: 16px 20px
}

.basic-row-tab-style-3 .tab-item .name-text-wrapper {
  position: relative
}

.basic-row-tab-style-3 .tab-item .tab-item-underline {
  display: none
}

.basic-row-tab-style-3 .tab-item.tab-item-active {
  color: var(--theme_color)
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline {
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme_color)
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline-short {
  width: calc(100% - 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -16px
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline-hidden {
  display: none
}

.basic-row-tab-style-4 .tab-item {
  margin: 0 5px;
  padding: 16px 20px
}

.basic-row-tab-style-4 .tab-item.tab-item-active {
  color: var(--theme_color)
}

.basic-row-tab-style-5 .tab-item {
  border-radius: 2px;
  padding: 10px 40px
}

.basic-row-tab-style-5 .tab-item.tab-item-active {
  background-color: var(--theme_color);
  color: #fff
}

.basic-row-tab-style-5 .tab-item-arrow {
  display: none
}

.basic-row-tab-style-5 .tab-item-active .tab-item-arrow {
  display: block;
  width: 0;
  height: 0;
  z-index: 0;
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  bottom: -12px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--theme_color)
}

.basic-row-tab-style-5 .tab-nav-outer-bottom .tab-item-active .tab-item-arrow {
  bottom: auto;
  top: -6px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.basic-row-tab-style-6 .tab-nav {
  background: #2b2b2b
}

.basic-row-tab-style-6 .tab-item {
  margin: 0 5px;
  color: #fff;
  padding: 15px 20px;
  background-color: transparent
}

.basic-row-tab-style-6 .tab-item:first-child {
  margin-left: 0
}

.basic-row-tab-style-6 .tab-item:last-child {
  margin-right: 0
}

.basic-row-tab-style-6 .tab-item-active {
  background: var(--theme_color)
}

.basic_row_tab .tab-content {
  padding: 0 10px 10px
}

.basic_row_tab .tab-content .tab-content-wrapper {
  white-space: nowrap;
  overflow: hidden;
  position: relative
}

.basic_row_tab .tab-content .tab-panel {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-height: 100px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  position: relative;
  white-space: initial
}

.basic_row_tab .tab-content .modules.sort_modules.tab-panel {
  float: none
}

.basic_row_tab .tab-item {
  position: relative
}

.pc_pattern .basic_row_tab .mb-underline-short,
.pc_pattern .basic_row_tab .mb-underline-long,
.pc_pattern .basic_row_tab .mb-tab-item-arrow {
  display: none !important
}

.mb_pattern .basic_row_tab .pc-underline-short,
.mb_pattern .basic_row_tab .pc-underline-long,
.mb_pattern .basic_row_tab .pc-tab-item-arrow {
  display: none !important
}

.mb_pattern .basic_row_tab .basic-row-tab .tab-nav-stretch {
  min-width: 100%
}

.basic-member-register {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30px
}

.basic-member-register .register-title {
  color: var(--theme_color);
  font-size: 24px;
  margin-top: 20px;
  white-space: nowrap
}

.basic-member-register .register-tip {
  font-size: 18px;
  margin-top: 10px;
  white-space: nowrap
}

.basic-member-register .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

.basic-member-register .form-item .my-label {
  text-align: right;
  text-decoration: none !important
}

.basic-member-register .form-item.form-item-required .my-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
  vertical-align: middle
}

.basic-member-register .label-placeholder {
  width: 5em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px
}

.basic-member-register .member-input {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 45px;
  line-height: 45px;
  background: #F7F8FB;
  border-radius: 3px;
  padding-left: 10px;
  border: 1px solid transparent;
  outline: none;
  margin-left: 20px
}

.basic-member-register .member-input-verify {
  width: 5em
}

.basic-member-register .form-item-terms-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px
}

.basic-member-register .text-highlight {
  color: var(--theme_color)
}

.basic-member-register .checkbox-read-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.basic-member-register .checkbox-read-wrapper .checkbox-wrapper {
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 5px
}

.basic-member-register .checkbox-read-wrapper .my-checkbox {
  opacity: 0
}

.basic-member-register .checkbox-read-wrapper .mock-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #EEEEEF;
  border-radius: 2px;
  background: #F3F6F9
}

.basic-member-register .checkbox-read-wrapper .mock-checkbox:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  -ms-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  -webkit-transition: -webkit-transform .15s ease-in .05s;
  transition: -webkit-transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.basic-member-register .checkbox-read-wrapper .my-checkbox:checked+.mock-checkbox {
  background: var(--theme_color)
}

.basic-member-register .checkbox-read-wrapper .my-checkbox:checked+.mock-checkbox:after {
  opacity: 1;
  -webkit-transform: rotate(45deg) scaleY(1);
  -ms-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1)
}

.basic-member-register .btn-register,
.basic-member-register .btn-verify {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 45px;
  line-height: 45px;
  background: var(--theme_color);
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 20px
}

.basic-member-register .error-tip {
  color: #f56c6c;
  font-size: 12px
}

.basic-member-register .nc-container {
  left: 0
}

.basic-member-register .nc-container .nc_scale .btn_ok {
  height: 34px
}

.basic-member-register .btn-verify {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 120px;
  -ms-flex-preferred-size: 120px;
  flex-basis: 120px;
  font-size: 14px !important
}

.basic-member-register .btn-verify:disabled {
  background: #f0f0f0 !important;
  color: #666 !important;
  cursor: not-allowed
}

.basic-member-register-1 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pc_pattern .basic-member-register-1 .register-title,
.pc_pattern .basic-member-register-1 .register-tip {
  text-align: center
}

.pc_pattern .basic-member-register-1 .input-mobile-wrapper .area_code_mobi {
  display: none
}

.pc_pattern .basic-member-register-1 .main-wrapper {
  width: 100%;
  max-width: 500px
}

.pc_pattern .basic-member-register-1 .main-wrapper .register-title .my_title_index {
  border: none
}

.pc_pattern .basic-member-register-1 .member-input {
  border: 1px solid transparent
}

.pc_pattern .basic-member-register-1 .member-input:hover {
  border-color: var(--theme_color)
}

.pc_pattern .basic-member-register-1 .member-input:focus {
  border-color: var(--theme_color)
}

.mb_pattern .basic-member-register {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0
}

.mb_pattern .basic-member-register .main-wrapper {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 5%;
  padding-right: 5%
}

.mb_pattern .basic-member-register .main-wrapper .main-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-left: 0
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register {
  max-width: 500px
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item .input-wrapper {
  width: 100%
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item .btn-register {
  width: 100%;
  margin-left: 0
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item .form-item-terms-content {
  width: 100%;
  padding-left: 0
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item .btn-verify {
  -webkit-flex-basis: 180px;
  -ms-flex-preferred-size: 180px;
  flex-basis: 180px
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item-required .my-label:before {
  position: absolute;
  left: -10px
}

.mb_pattern .basic-member-register .main-wrapper .main-content .form-register .form-item-verify {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: revert;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: revert;
  flex-direction: revert
}

.mb_pattern .basic-member-register .member-input-verify {
  width: 5em
}

.mb_pattern .basic-member-register .label-placeholder {
  display: none
}

.mb_pattern .basic-member-register .my-label {
  width: auto
}

.mb_pattern .basic-member-register .member-input {
  background: transparent;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
  margin-left: 0;
  padding-left: 5px
}

.mb_pattern .basic-member-register .member-input:hover {
  border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .basic-member-register .member-input:focus {
  border-bottom: 1px solid var(--theme_color)
}

.pc_pattern .basic-member-register-3 .main-wrapper {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 53%
}

.pc_pattern .basic-member-register-3 .register-title {
  padding-left: 20px
}

.pc_pattern .basic-member-register-3 .register-tip {
  padding-left: 20px
}

.pc_pattern .basic-member-register-3 .main-content {
  padding-left: 7%;
  padding-right: 7%
}

.pc_pattern .basic-member-register-3 .img-wrapper {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  width: 47%
}

input::-webkit-input-placeholder {
  font-style: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-align: inherit;
  background-image: inherit;
  -webkit-background-clip: text
}

input:-moz-placeholder {
  font-style: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-align: inherit;
  background-image: inherit;
  -webkit-background-clip: text
}

input::-moz-placeholder {
  font-style: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-align: inherit;
  background-image: inherit;
  -webkit-background-clip: text
}

input:-ms-input-placeholder {
  font-style: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-align: inherit;
  background-image: inherit;
  -webkit-background-clip: text
}

.mb_pattern .basic-member-register .input-mobile-wrapper .area_code_pc {
  display: none
}

.mb_pattern .basic-member-register .input-mobile-wrapper .area_code_mobi {
  position: relative
}

.mb_pattern .basic-member-register .input-mobile-wrapper .area_code_mobi .select_input {
  width: 130px
}

.mb_pattern .basic-member-register .input-mobile-wrapper .area_code_mobi .arrow {
  position: absolute;
  right: 8px;
  font-size: 20px;
  line-height: 44px;
  color: #666;
  cursor: pointer
}

.pc_pattern .basic-member-register-1 .img-wrapper {
  display: none
}

.basic-member-register .form-item-slide.form-item {
  height: 40px
}

.basic-member-register .form-item-slide.form-item .member-input {
  border: none
}

.basic-member-register .form-item-slide.form-item .member-input:hover {
  border: none
}

.basic-member-register .input-slide {
  position: relative;
  height: 40px;
  background: transparent
}

.basic-member-register .input-slide .nc-container #nc_1_wrapper {
  width: 100%
}

.basic-member-register .input-slide #nc_1_n1z,
.basic-member-register .input-slide .btn_slide {
  height: 34px
}

.basic-member-register .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

.basic-member-register .input-wrapper .error-tip {
  position: absolute;
  top: 100%
}

.basic-member-register .input-mobile-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.basic-member-register .input-mobile-wrapper .area_code_pc {
  position: relative
}

.basic-member-register .input-mobile-wrapper .area_code_pc .select_input {
  width: 150px
}

.basic-member-register .input-mobile-wrapper .area_code_pc .arrow {
  position: absolute;
  right: 16px;
  font-size: 20px;
  line-height: 44px;
  color: #666;
  cursor: pointer
}

.basic-member-register .input-mobile-wrapper .input-mobile {
  margin-left: 8px;
  width: 170px
}

.basic-member-register .input-mobile-wrapper #phone_pc .select_list_wrap {
  left: 20px
}

.basic-member-register .input-wrapper-code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic-member-register .input-wrapper-code .validateCode_img {
  margin-left: 16px;
  cursor: pointer
}

.pc_pattern .basic-member-register-1 .input-wrapper .error-tip,
.pc_pattern .basic-member-register-3 .input-wrapper .error-tip {
  margin-left: 20px
}

.register-terms-dialog {
  display: none;
  position: fixed;
  z-index: 2003;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3)
}

.register-terms-dialog .dialog-main {
  margin-top: 15vh;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 30px
}

.register-terms-dialog .dialog-header {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px
}

.register-terms-dialog .dialog-title {
  text-align: center;
  font-size: 24px;
  color: #333;
  width: 90%;
  line-height: 1.4
}

.register-terms-dialog .icon-close {
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: 10px;
  cursor: pointer
}

.register-terms-dialog .icon-close:hover {
  color: var(--theme_color)
}

.register-terms-dialog .dialog-content {
  height: 55vh;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.75;
  padding: 0 30px 30px 30px;
  margin-top: 30px;
  margin-bottom: 30px
}

.register-terms-dialog .dialog-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.register-terms-dialog .btn-confirm {
  height: 45px;
  line-height: 45px;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px
}

.mb_pattern .register-terms-dialog .dialog-title {
  font-size: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.mb_pattern .register-terms-dialog .dialog-content {
  height: calc(100% - 200px)
}

.mb_pattern .register-terms-dialog .dialog-main {
  margin-top: 0;
  width: 375px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px
}

.profile-edit-dialog {
  display: block
}

.profile-edit-dialog .dialog-title {
  text-align: left
}

.profile-edit-dialog .dialog-content {
  padding: 0
}

.profile-edit-dialog .form-wrapper {
  max-width: 400px
}

.profile-edit-dialog .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px
}

.profile-edit-dialog .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

.profile-edit-dialog label,
.profile-edit-dialog .label-placeholder {
  width: 4em;
  text-align: justify
}

.profile-edit-dialog .my-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  background: #f7f8fb;
  border: 1px solid transparent
}

.profile-edit-dialog .btn-get-code {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 120px;
  -ms-flex-preferred-size: 120px;
  flex-basis: 120px;
  margin-left: 20px;
  height: 45px;
  line-height: 45px;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px !important
}

.profile-edit-dialog .btn-get-code:disabled {
  background: #f0f0f0 !important;
  color: #666 !important
}

.profile-edit-dialog .btn-confirm {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.profile-edit-dialog .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}

.profile-edit-dialog .input-wrapper .error-tip {
  position: absolute;
  top: 100%;
  color: #f56c6c;
  font-size: 12px
}

.profile-edit-dialog .input-wrapper-code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.mb_pattern .profile-edit-dialog .form-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .profile-edit-dialog .my-input {
  border: none;
  border-bottom: 1px solid #b0b0b0
}

.pc_pattern .profile-edit-dialog .dialog-main {
  width: 500px;
  margin-top: 25vh
}

.pc_pattern .profile-edit-dialog .dialog-content {
  height: auto;
  overflow-y: visible
}

.pc_pattern .basic_member_center {
  background: #FAFCFF
}

.pc_pattern .basic_member_center .main-wrapper {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pc_pattern .basic_member_center .tab-content-wrapper {
  width: 680px
}

.pc_pattern .basic_member_center .page-title {
  font-size: 24px;
  color: var(--theme_color)
}

.pc_pattern .basic_member_center .content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.pc_pattern .basic_member_center .tab-nav {
  width: 275px;
  background: #FFFFFF;
  -webkit-box-shadow: 1px 0px 0px 0px #EFF4FB;
  box-shadow: 1px 0px 0px 0px #EFF4FB;
  margin-right: 32px
}

.pc_pattern .basic_member_center .tab-item {
  padding-bottom: 13px;
  padding-top: 13px;
  padding-left: 84px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  border-left: 4px solid #FFFFFF;
  cursor: pointer;
  position: relative
}

.pc_pattern .basic_member_center .tab-panel {
  display: none
}

.pc_pattern .basic_member_center .tab-panel-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.pc_pattern .basic_member_center .img-wrapper {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

.pc_pattern .basic_member_center .img-wrapper:hover .tooptipPart {
  display: block
}

.pc_pattern .basic_member_center .img-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.pc_pattern .basic_member_center .img-wrapper {
  display: none
}

.pc_pattern .basic_member_center .marquee_container_all {
  width: 680px;
  position: absolute;
  left: 306px;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px
}

.pc_pattern .basic_member_center .marquee_container_img {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #FAFCFF;
  z-index: 100
}

.pc_pattern .basic_member_center .marquee_noticeTitle {
  position: absolute;
  background-color: #FAFCFF;
  z-index: 80;
  padding-right: 4px;
  padding-left: 8px;
  line-height: 19px;
  color: #666666;
  font-size: 14px;
  margin-left: 19px
}

@-webkit-keyframes around {
  from {
    margin-left: 100%
  }

  to {
    margin-left: var(--contents_long)
  }
}

@keyframes around {
  from {
    margin-left: 100%
  }

  to {
    margin-left: var(--contents_long)
  }
}

.pc_pattern .basic_member_center .marquee_container {
  height: 20px;
  line-height: 20px;
  width: 680px
}

.pc_pattern .basic_member_center .marquee_container:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.pc_pattern .basic_member_center .marquee_text {
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-name: around;
  animation-name: around;
  -webkit-animation-duration: var(--contents_time);
  animation-duration: var(--contents_time);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

.mb_pattern .content-wrapper {
  margin-bottom: 50px
}

.mb_pattern .basic_member_center {
  background: #FFFFFF
}

.mb_pattern .tab-panel {
  display: none
}

.mb_pattern .profile_title {
  display: none
}

.mb_pattern .tab-panel-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.mb_pattern .form-register {
  width: 100%
}

.mb_pattern .basic_member_center .tab-nav {
  margin-top: 20px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  line-height: 50px
}

.mb_pattern .basic_member_center .tab-nav .tab-item {
  width: 50%;
  text-align: center
}

.mb_pattern .tab-item-active {
  border-top: 1px solid var(--theme_color);
  border-color: var(--theme_color)
}

.mb_pattern .marquee_container_all {
  width: 94%;
  position: relative;
  left: 3%;
  overflow: hidden;
  margin-bottom: 16px;
  top: 10px
}

.mb_pattern .marquee_container_img {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  z-index: 100
}

.mb_pattern .marquee_noticeTitle {
  position: absolute;
  background-color: #FFFFFF;
  z-index: 80;
  padding-right: 4px;
  padding-left: 8px;
  line-height: 19px;
  color: #666666;
  margin-left: 19px
}

.mb_pattern .marquee_empty {
  position: absolute;
  background-color: #FFFFFF;
  width: 20px;
  height: 20px;
  z-index: 800;
  left: 366px
}

@keyframes around {
  from {
    margin-left: 100%
  }

  to {
    margin-left: var(--contents_long)
  }
}

.mb_pattern .marquee_container {
  height: 20px;
  line-height: 20px;
  width: 680px
}

.mb_pattern .marquee_container:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.mb_pattern .marquee_text {
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-name: around;
  animation-name: around;
  -webkit-animation-duration: var(--contents_time);
  animation-duration: var(--contents_time);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

.pc_pattern .tab-nav .my-tab-icon {
  font-size: 24px;
  color: #C6CAD7;
  position: absolute;
  top: 6px;
  left: 36px
}

.mb_pattern .my-tab-icon {
  display: none
}

.tab-profile {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding-bottom: 52px
}

.tab-profile .member_touxiang {
  height: 157px;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 9px
}

.tab-profile .member_name {
  height: 22px;
  margin-bottom: 4px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 22px
}

.tab-profile .member_dengji {
  height: 14px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5088FF;
  text-align: center
}

.tab-profile .register-title {
  color: var(--theme_color);
  font-size: 24px;
  margin-top: 20px
}

.tab-profile .register-tip {
  font-size: 18px;
  margin-top: 10px
}

.tab-profile .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px
}

.tab-profile .form-item .my-label {
  width: 186px;
  text-align: right;
  font-size: 14px !important;
  font-family: PingFangSC-Regular, PingFang SC !important
}

.tab-profile .form-item.form-item-required .my-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px
}

.tab-profile .form-item .label-placeholder {
  width: 5em
}

.tab-profile .member-input {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 350px;
  height: 36px;
  line-height: 36px;
  background: #F7F8FB;
  border-radius: 4px;
  font-size: 14px !important;
  padding-left: 10px;
  color: #606266 !important
}

.tab-profile .form-item-terms-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px
}

.tab-profile .text-highlight {
  color: var(--theme_color)
}

.tab-profile .checkbox-read-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.tab-profile .btn-register {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 45px;
  line-height: 45px;
  background: var(--theme_color);
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 20px
}

.tab-profile .form-item-mobile .member-input:disabled,
.tab-profile .form-item-email .member-input:disabled,
.tab-profile .form-item-username .member-input:disabled {
  background: transparent
}

.tab-profile .form-item-mobile .member-input:disabled:hover,
.tab-profile .form-item-email .member-input:disabled:hover,
.tab-profile .form-item-username .member-input:disabled:hover {
  border-color: transparent
}

.tab-profile .btn-edit {
  position: absolute;
  right: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #02A7F0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.tab-profile .profile_title {
  width: 680px;
  height: 89px;
  background: #FAFCFF
}

.tab-profile .profile_title .title {
  padding-top: 38px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333
}

.tab-profile .padding-big {
  height: 99px
}

.tab-profile .padding-big .title {
  padding-top: 50px
}

.tab-profile .register-title,
.tab-profile .register-tip {
  text-align: center
}

.tab-profile .profile-main-wrapper {
  width: 100%;
  max-width: 500px
}

.tab-profile .member-input {
  border: 1px solid #E8E8F0;
  color: #606266 !important
}

.tab-profile .member-input:hover {
  border-color: #C0C4CC
}

.tab-profile .member-input:focus {
  border-color: var(--theme_color)
}

.tab-profile input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px
}

.tab-profile input:-moz-placeholder {
  color: #ccc;
  font-size: 14px
}

.tab-profile input::-moz-placeholder {
  color: #ccc;
  font-size: 14px
}

.tab-profile input:-ms-input-placeholder {
  color: #ccc;
  font-size: 14px
}

.tab-profile .form-register {
  width: 680px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 4px -1px #D5D9E0;
  box-shadow: 0px 1px 4px -1px #D5D9E0;
  border-radius: 4px;
  padding-bottom: 51px
}

.tab-profile .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  width: 100%
}

.tab-profile .input-wrapper .error-tip {
  position: absolute;
  top: 100%;
  color: #f56c6c;
  font-size: 12px
}

.pc_pattern .tab-profile .input-wrapper .error-tip {
  margin-left: 20px
}

.mb_pattern .tab-profile .form-register {
  width: 100%;
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.mb_pattern .tab-profile .profile-main-wrapper {
  width: 53%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 5%
}

.mb_pattern .tab-profile .form-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .tab-profile .form-item-required .my-label:before {
  position: absolute;
  left: -10px
}

.mb_pattern .tab-profile .member-input {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  height: 45px;
  color: #606266 !important
}

.mb_pattern .tab-profile .label-placeholder {
  display: none
}

.mb_pattern .tab-profile .my-label {
  width: auto;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500;
  color: #333333 !important
}

.mb_pattern .tab-profile .member-input {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  color: #606266 !important
}

.mb_pattern .tab-profile .member-input:hover {
  border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-profile .member-input:focus {
  border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-profile .form-item-terms-content {
  width: 100%;
  padding-left: 0
}

.mb_pattern .tab-profile .btn-register {
  width: 100%;
  margin-left: 0
}

.mb_pattern .tab-profile .profile-main-wrapper {
  width: 94%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 auto
}

.mb_pattern .tab-profile .profile-main-content {
  padding-left: 0;
  width: 100%
}

.mb_pattern .tab-profile .img-wrapper {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.pc_pattern .tab-nav-shadow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.mb_pattern .tab-nav-shadow {
  width: 94%;
  margin: 0 auto;
  -webkit-box-shadow: 2px 2px 15px 0px rgba(75, 82, 92, 0.08);
  box-shadow: 2px 2px 15px 0px rgba(75, 82, 92, 0.08)
}

.tab-password,
.password-main-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.password-main-wrapper {
  width: 100%
}

.password-main-wrapper .profile_title {
  width: 680px;
  height: 89px;
  background: #FAFCFF
}

.password-main-wrapper .profile_title .title {
  padding-top: 38px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333
}

.password-main-wrapper .padding-big {
  height: 99px
}

.password-main-wrapper .padding-big .title {
  padding-top: 50px
}

.password-main-wrapper .new-title_item2 {
  width: 680px;
  font-size: 24px;
  line-height: 33px;
  background: #FAFCFF;
  height: 50px;
  margin-top: 2px
}

.password-main-wrapper .form-wrapper-top {
  margin-top: 64px
}

.password-main-wrapper .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px
}

.password-main-wrapper .form-item .my-label {
  width: 186px;
  text-align: right;
  font-size: 14px !important;
  font-family: PingFangSC-Regular, PingFang SC !important
}

.password-main-wrapper .form-item.form-item-required .my-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px
}

.password-main-wrapper .form-item .label-placeholder {
  width: 5em
}

.password-main-wrapper .member-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 36px;
  line-height: 36px;
  background: #F7F8FB;
  border-radius: 4px;
  padding-left: 10px;
  border: 1px solid #E8E8F0;
  color: #606266 !important
}

.password-main-wrapper .member-input:hover {
  border-color: var(--theme_color)
}

.password-main-wrapper .member-input:focus {
  border-color: var(--theme_color)
}

.password-main-wrapper .btn-confirm {
  width: 120px !important;
  height: 42px;
  line-height: 42px;
  background: var(--theme_color);
  color: #fff;
  border: none;
  cursor: pointer;
  margin-left: 106px;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  margin-top: 8px
}

.password-main-wrapper input::-webkit-input-placeholder {
  font-size: 14px;
  color: #CCC
}

.password-main-wrapper input:-moz-placeholder {
  font-size: 14px;
  color: #CCC
}

.password-main-wrapper input::-moz-placeholder {
  font-size: 14px;
  color: #CCC
}

.password-main-wrapper input:-ms-input-placeholder {
  font-size: 14px;
  color: #CCC
}

.tab-password .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}

.tab-password .input-wrapper .error-tip {
  position: absolute;
  top: 100%;
  color: #f56c6c;
  font-size: 12px
}

.pc_pattern .tab-password .input-wrapper .error-tip {
  margin-left: 0px
}

.pc_pattern .tab-password .member-input {
  width: 350px
}

.mb_pattern .tab-password .input-wrapper {
  width: 100%
}

.mb_pattern .tab-password .form-wrapper {
  width: 94%;
  margin-left: 3%
}

.mb_pattern .tab-password .form-wrapper-top {
  margin-top: 45px
}

.mb_pattern .tab-password .form-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mb_pattern .tab-password .form-item-required .my-label:before {
  position: absolute;
  left: 22px
}

.mb_pattern .tab-password .label-placeholder {
  display: none
}

.mb_pattern .tab-password .my-label {
  width: auto;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500;
  color: #333333 !important;
  margin-left: 8px
}

.mb_pattern .tab-password .member-input {
  height: 45px;
  border: none;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mb_pattern .tab-password .member-input:hover {
  border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-password .member-input:focus {
  border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-password .form-item-required .my-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px
}

.mb_pattern .tab-password input::-webkit-input-placeholder {
  font-size: 14px;
  color: #CCC
}

.mb_pattern .tab-password input:-moz-placeholder {
  font-size: 14px;
  color: #CCC
}

.mb_pattern .tab-password input::-moz-placeholder {
  font-size: 14px;
  color: #CCC
}

.mb_pattern .tab-password input:-ms-input-placeholder {
  font-size: 14px;
  color: #CCC
}

.mb_pattern .tab-password .form-item-terms-content {
  padding-left: 0
}

.mb_pattern .tab-password .btn-register,
.mb_pattern .tab-password .btn-confirm {
  width: 100% !important;
  margin-left: 0
}

.mb_pattern .tab-password .password-main-wrapper {
  width: 100%;
  height: 558px
}

.mb_pattern .tab-password .form-wrapper-top {
  width: 94%;
  margin-left: 3%
}

.mb_pattern .tab-password .password-main-content {
  padding-left: 0;
  width: 100%
}

.mb_pattern .tab-password .img-wrapper {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.pc_pattern .tab-password .form-wrapper {
  background: #FFFFFF;
  width: 680px;
  height: 558px;
  -webkit-box-shadow: 0px 1px 4px -1px #D5D9E0;
  box-shadow: 0px 1px 4px -1px #D5D9E0
}

.tab-points {
  width: 100%
}

.tab-points .points-header {
  margin-top: 35px
}

.tab-points .points-title {
  font-size: 22px;
  color: #333;
  display: inline-block
}

.tab-points .points-points {
  font-size: 18px;
  display: inline-block;
  margin-left: 20px
}

.tab-points .mock-table-pointers {
  margin-top: 20px
}

.tab-points .mock-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tab-points .mock-theader {
  background: #FAFAFB
}

.tab-points .mock-th {
  color: #63658B;
  font-size: 18px
}

.tab-points .mock-th,
.tab-points .mock-td {
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 18px;
  padding-bottom: 18px
}

.tab-points .mock-tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.tab-points .mock-tr:hover {
  -webkit-box-shadow: 0px 0px 17px 0px rgba(153, 153, 153, 0.25);
  box-shadow: 0px 0px 17px 0px rgba(153, 153, 153, 0.25)
}

.tab-points .mock-theader:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.tab-points .mock-td {
  font-size: 14px
}

.tab-points .td-time {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.tab-points .td-username {
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.tab-points .td-phone {
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.tab-points .td-email {
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.tab-points .td-action {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.tab-points .td-pointers {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: 210px;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px
}

.mb_pattern .tab-points {
  padding-left: 5%;
  padding-right: 5%
}

.mb_pattern .mock-theader {
  background: transparent
}

.mb_pattern .td-action {
  display: none
}

.mb_pattern .td-time {
  -webkit-flex-basis: 350px;
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px
}

.full_screen_banner .bg-auto .animation-hook img {
  -o-object-fit: none;
  object-fit: none
}

.full_screen_banner .animation-hook {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s
}

.full_screen_banner .animation-hook img {
  max-width: initial;
  -o-object-fit: cover;
  object-fit: cover
}

.full_screen_banner .animation-hook .container {
  position: absolute;
  height: 100%;
  -webkit-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: right bottom;
  perspective-origin: right bottom
}

.full_screen_banner .animation-hook .wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 0;
  position: absolute;
  height: 100%
}

.full_screen_banner .animation-hook .left,
.full_screen_banner .animation-hook .right,
.full_screen_banner .animation-hook .front,
.full_screen_banner .animation-hook .up {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

.full_screen_banner .animation-hook .left {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  background-color: #333
}

.full_screen_banner .animation-hook .right {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  background-color: #333
}

.full_screen_banner .animation-hook .up {
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%
}

.basic_floating_frame_index {
  position: fixed;
  z-index: 2001;
  padding: 30px 10px 10px 10px;
  -webkit-transition: all 0.3;
  transition: all 0.3;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 100px;
  display: none
}

.basic_floating_frame_index .close-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  color: #888
}

.basic_floating_frame_index .frame-content {
  height: 100%;
  position: relative
}

.basic_floating_frame_index .frame-content .frame-text {
  height: 100%;
  overflow: hidden;
  -webkit-text-emphasis-color: hidden;
  text-emphasis-color: hidden;
  white-space: nowrap
}

.basic_floating_frame_index .frame-content .btns_container {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 100%;
  top: 0px
}

.basic_floating_frame_index .frame-content .btns_container.text-align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_floating_frame_index .frame-content .btns_container.text-align-left {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.basic_floating_frame_index .frame-content .btns_container.text-align-right {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.basic_floating_frame_index .frame-content .btns_container .btn_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

.basic_floating_frame_index .frame-content .btns_container .btn_group .sub_btn {
  min-width: 54px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px
}

.mb_pattern .basic_floating_frame_index {
  display: none
}

.basic_ceiling_advertising_index {
  position: fixed;
  z-index: 9998;
  width: 100%;
  min-height: 100px;
  background: #fff;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.basic_ceiling_advertising_index:hover .tooptipPart {
  display: block
}

.basic_ceiling_advertising_index .close-icon,
.basic_ceiling_advertising_index .close-icon-shadow {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer
}

.basic_ceiling_advertising_index .tooptipPart .sys_icon {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  background-color: #444;
  cursor: pointer
}

.basic_ceiling_advertising_index .tooptipPart .sys_icon:hover {
  background-color: #222
}

.basic_ceiling_advertising_index .frame-text {
  width: 100%;
  overflow: hidden
}

.basic_ceiling_advertising_index .frame-text img {
  width: 100%
}

.mb_pattern .basic_ceiling_advertising_index {
  display: none
}

.mb_pattern .basic_product_display_index .pc_condition {
  display: none
}

.pc_pattern .basic_product_display_index .pc_condition {
  display: block
}

.mb_pattern .basic_product_display_index .product_list_0,
.mb_pattern .basic_product_display_index .product_list_1,
.mb_pattern .basic_product_display_index .product_list_2 {
  padding: 0 1.8% !important;
  width: auto
}

.mb_pattern .basic_product_display_index .list_content_frame {
  text-align: left;
  margin: 6px
}

.mb_pattern .basic_product_display_index .list_content_frame .product_name_wrap {
  margin-top: 0 !important;
  margin-bottom: 5px !important
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide {
  width: 45% !important
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide .list_one {
  padding: 0
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide .list_one .list_one_wrap {
  padding: 10px
}

.mb_pattern .product_list_0 .list_one_wrap {
  padding: 0 !important
}

.mb_pattern .product_list_2 .list_one {
  padding: 0 !important;
  margin: 10px !important
}

.mb_pattern .product_list_2 .list_one .list_img_frame {
  width: 33.8% !important;
  padding-bottom: 33.8% !important;
  float: left
}

.mb_pattern .product_list_2 .list_one .product_name_wrap {
  margin: 6px !important
}

.mb_pattern .product_list_2 .list_one .list_content_frame {
  width: 66.2% !important;
  display: inline-block;
  float: none !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12px
}

.mb_pattern .product_list_3 {
  margin-top: 0
}

.mb_pattern .product_list_3 .list_one {
  width: 100%;
  border: none !important;
  margin: 0 !important;
  padding: 15px !important;
  border-bottom: 1px solid #f1f1f1 !important
}

.mb_pattern .product_list_3 .list_one .list_one_wrap {
  padding: 0 !important
}

.mb_pattern .product_list_3 .list_one .list_content_frame {
  margin: 0
}

.basic_product_display_index .jz_empty_tips {
  width: 100%;
  padding: 90px 0;
  text-align: center
}

.basic_product_display_index .jz_empty_tips__img {
  display: block;
  width: 157px;
  height: 123px;
  margin: 0 auto;
  background: url(../img/default_icon.png) 0 0
}

.basic_product_display_index .jz_empty_tips__text {
  margin-top: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #333
}

.basic_product_display_index .flex_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_product_display_index .module_wrap .module_content {
  position: relative;
  font-size: 14px
}

.basic_product_display_index .module_wrap .module_content .product_list_0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.basic_product_display_index .module_wrap .module_content .product_list_0 .list_one {
  height: auto !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one {
  width: calc(100% - 20px);
  padding: 20px;
  margin: 10px 0;
  overflow: visible;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one:not(:last-child):after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #f0f0f0;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one .list_content_frame {
  float: left;
  margin-left: 20px;
  width: calc(75% - 20px);
  text-align: left
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_img_frame {
  width: 25%;
  padding-bottom: 25%;
  float: left
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one_wrap {
  display: block;
  height: 100%;
  color: #333;
  padding: 10px
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one {
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
  padding: 0
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap .product_name_wrap {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap .product_name_wrap .product_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_img_frame {
  display: none !important
}

.basic_product_display_index .module_wrap .module_content .product_list_1 {
  padding: 0 60px;
  position: relative
}

.basic_product_display_index .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide {
  height: auto
}

.basic_product_display_index .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide .list_one {
  height: 100%;
  margin: 0 !important;
  width: 100% !important;
  padding: 10px
}

.basic_product_display_index .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top
}

.basic_product_display_index .list_one .list_one_wrap {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  overflow: hidden;
  color: #333
}

.basic_product_display_index .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden
}

.basic_product_display_index .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.36s ease;
  transition: all 0.36s ease
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_name_wrap {
  color: inherit;
  line-height: 24px;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 15px
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  color: inherit;
  font-size: 16px;
  vertical-align: middle;
  word-break: normal;
  white-space: normal;
  line-height: 1em
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
  content: "\FF1A"
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
  color: #666;
  font-size: 14px
}

.basic_product_display_index .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_product_display_index .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_product_display_index .list_one .border_bottom_transition::after,
.basic_product_display_index .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_product_display_index .result_cur_condition {
  position: relative;
  height: 74px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left {
  float: left;
  height: 32px;
  line-height: 32px;
  padding: 20px 0;
  margin-left: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_title {
  font-size: 13px;
  color: #333;
  display: inline-block
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_title:after {
  content: "";
  display: inline-block;
  width: 5px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition {
  display: inline-block;
  border: 1px solid #ebebeb;
  text-decoration: none;
  height: 32px;
  width: auto;
  min-width: 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11px;
  font-size: 0;
  margin-right: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition .result_cur_value {
  font-size: 14px;
  color: #333;
  display: inline-block;
  line-height: 30px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition .result_cur_icon {
  font-size: 14px;
  color: #c0c4cc;
  font-weight: lighter;
  text-decoration: none;
  display: inline-block;
  margin: 0 8px 0 12px;
  cursor: pointer
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right {
  float: right;
  padding: 18px 0
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right .result_rearch {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 250px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right .result_rearch_icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  font-size: 25px;
  height: 12px;
  padding-top: 20px;
  padding-right: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right input {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 100%;
  width: 250px;
  border: 1px solid #ebebeb;
  text-indent: 10px;
  border-radius: 2px;
  outline: 0
}

.pc_pattern .basic_product_display_index .product_list_1 .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.pc_pattern .basic_product_display_index .product_list_1 .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.pc_pattern .basic_product_display_index .product_list_1 .prev {
  left: 10px
}

.pc_pattern .basic_product_display_index .product_list_1 .next {
  right: 10px
}

.pc_pattern .basic_product_display_index .product_list_1 .next:before {
  background-position-x: -53px;
  left: 54%
}

.pc_pattern .basic_product_display_index .product_list_3 {
  font-size: 0
}

.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::after,
.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.mb_pattern .module_wrap_2 {
  padding-top: 0
}

.basic_login_index .login-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_login_index .login-container .login-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_login_index .login-container .login-content .my_title_index {
  margin-bottom: 38px;
  border-bottom: 0
}

.basic_login_index .login-container .login-content .login-title {
  margin-bottom: 82px
}

.basic_login_index .login-container .login-content .input-list {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_login_index .login-container .login-content .input-list .error-tip {
  position: absolute;
  bottom: -20px;
  color: #f56c6c;
  font-size: 12px
}

.basic_login_index .login-container .login-content .input-list .input {
  width: 100%;
  padding: 0 40px;
  padding-left: 10px;
  height: 52px
}

.basic_login_index .login-container .login-content .input-list.input-password {
  position: relative
}

.basic_login_index .login-container .login-content .input-list.input-password .icon-eye {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-size: 24px
}

.basic_login_index .login-container .login-content .input-list.input-register {
  text-align: right;
  margin-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.basic_login_index .login-container .login-content .input-list.input-register .register-btn {
  cursor: pointer
}

.basic_login_index .login-container .login-content .input-list.input-register .register-btn .go_register {
  font-size: 14px;
  color: #657180
}

.basic_login_index .login-container .login-content .input-list.input-login {
  margin-bottom: 13px
}

.basic_login_index .login-container .login-content .input-list.input-login .login-send {
  cursor: pointer
}

.basic_login_index .login-container .login-content .input-list input[type="password"]::-ms-reveal {
  display: none
}

.basic_login_index .login-container .login-content .input-list .login-btn {
  width: 100%;
  height: 52px;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_login_index .login-container .login-content .input-list .login-btn.register-btn {
  border-width: 1px;
  border-style: solid;
  background-color: #fff
}

.basic_login_index .login-container .login-content .input-list .input-list-code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%
}

.basic_login_index .login-container .login-content .input-list .input-list-code .validateCode_img {
  margin-left: 16px;
  cursor: pointer
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-code {
  margin-right: 12px;
  padding: 0 10px;
  border-radius: 4px
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-btn {
  border: none
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-btn:disabled {
  opacity: 0.8;
  cursor: not-allowed
}

.basic_login_index .login-container .login-content .input-list .input-label {
  font-size: 20px;
  font-weight: 400;
  color: #666666;
  width: 4em;
  min-width: 68px;
  text-decoration: none !important
}

.basic_login_index .login-container .login-content .input-list .input-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  position: relative
}

.basic_login_index .login-container .login-content .input-list.form-item-required .input-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
  vertical-align: middle
}

.basic_login_index .login-container .login-content .input-list #nc {
  width: 100%;
  position: static
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper {
  width: 100%;
  height: 52px
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale {
  height: 52px
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .btn_ok,
.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .btn_slide {
  top: 0px;
  height: 52px;
  line-height: 52px;
  width: 72px;
  border: none
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .slidetounlock {
  line-height: 52px;
  font-size: 16px;
  padding-left: 72px
}

.basic_login_index .login-container .login-content .forget-txt {
  margin-bottom: 28px
}

.basic_login_index .login-container .login-content .login-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic_login_index .login-container .login-content .login-list .login-type {
  text-align: left;
  cursor: pointer
}

.basic_login_index .login-container .login-content .btn-set-flex .input-label {
  width: 4em;
  min-width: 68px
}

.basic_login_index .login-container.login-model-1,
.basic_login_index .login-container.login-model-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic_login_index .login-container.login-model-1 .login-content,
.basic_login_index .login-container.login-model-2 .login-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner {
  width: 60%
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set .input-list,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex .input-list,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set .input-list,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex .input-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set .input-list:last-child,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex .input-list:last-child,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set .input-list:last-child,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex .input-list:last-child {
  margin-left: 30px
}

.basic_login_index .login-container.login-model-1 .img-model,
.basic_login_index .login-container.login-model-2 .img-model {
  width: 53.5%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 53.5%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 53.5%;
  flex: 0 0 53.5%;
  display: block
}

.basic_login_index .login-container.login-model-1 .img-model .img,
.basic_login_index .login-container.login-model-2 .img-model .img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none
}

.basic_login_index .login-container.login-model-1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.basic_login_index .login-container.login-model-1 .login-content {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner {
  margin-right: 50px
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list .input {
  border-width: 0 0 1px 0;
  border-radius: 0
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list .input-label {
  display: block
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list #nc {
  border-width: 1px;
  border-style: solid
}

.basic_login_index .login-container.login-model-2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.basic_login_index .login-container.login-model-2 .login-content {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner {
  margin-left: 50px
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list .input {
  border-width: 1px
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list .input-code {
  border: none
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list #nc {
  border-width: 1px;
  border-style: solid
}

.basic_login_index .login-tip-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2003;
  overflow: hidden;
  display: none
}

.basic_login_index .login-tip-content .opc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5)
}

.basic_login_index .login-tip-content .login-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  width: 360px
}

.basic_login_index .login-tip-content .login-tip .tip-title {
  height: 30px;
  padding: 0 20px;
  position: relative
}

.basic_login_index .login-tip-content .login-tip .tip-title .close-icon {
  position: absolute;
  right: 20px;
  top: 0px;
  font-size: 30px;
  cursor: pointer
}

.basic_login_index .login-tip-content .login-tip .tip-content {
  margin-top: 30px;
  text-align: center
}

.basic_login_index .login-tip-content .login-tip .tip-content .warning-icon {
  color: #faad14;
  font-size: 46px
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-desc {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 28px 0 0 0
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-txt {
  font-size: 14px;
  padding: 10px 40px;
  color: #666;
  line-height: 26px
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-btn {
  border-top: 1px solid #e5e5e5;
  padding: 18px 28px;
  margin: 36px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-btn .btn-link {
  background: #1890ff;
  border: 0;
  color: #fff;
  width: 64px;
  height: 36px;
  line-height: 36px;
  padding: 0
}

.pc_pattern .basic_login_index .login-container .img-mb {
  display: none
}

.pc_pattern .basic_login_index .login-container .login-content-inner {
  min-width: 300px
}

.pc_pattern .basic_login_index .login-container.login-model-0 .img-model {
  display: none
}

.pc_pattern .basic_login_index .login-container.login-model-0 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner {
  width: 40%;
  max-width: 500px
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner .input-list .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner .input-list .input-code {
  border: none
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model {
  display: block
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model .img-mb,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model .img-mb {
  display: none
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model .img-pc,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model .img-pc {
  display: block
}

.mb_pattern .basic_login_index .login-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mb_pattern .basic_login_index .login-container .img-model {
  display: none;
  width: 100%
}

.mb_pattern .basic_login_index .login-container .img-model .img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.mb_pattern .basic_login_index .login-container .img-model .img-mb {
  display: block
}

.mb_pattern .basic_login_index .login-container .img-model .img-pc {
  display: none
}

.mb_pattern .basic_login_index .login-container .login-content {
  margin-left: 16px;
  margin-right: 16px;
  width: calc(100% - 32px)
}

.mb_pattern .basic_login_index .login-container .login-content .content-title {
  margin-bottom: 16px
}

.mb_pattern .basic_login_index .login-container .login-content .content-title /deep/ .module_banner_text {
  margin-left: 0
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner {
  margin-right: 0;
  margin-left: 0;
  width: 100%
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .input {
  border: none;
  border-radius: 0;
  padding-left: 5px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .login-btn {
  -webkit-box-flex: unset !important;
  -webkit-flex: unset !important;
  -moz-box-flex: unset !important;
  -ms-flex: unset !important;
  flex: unset !important
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .input-label {
  display: block
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .input-wrapper {
  width: 100%
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list.input-register {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .error-tip {
  left: 0px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .forget-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .login-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .login-list .login-type {
  font-size: 14px;
  text-align: right
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list-margin {
  margin-bottom: 15px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex .input-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list:last-child,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex .input-list:last-child {
  margin-left: 0px
}

.mb_pattern .basic_login_index .login-container .login-content .img-pc {
  display: none
}

.basic_login_register .mb_icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 20px;
  top: 12px;
  z-index: 1000;
  font-size: 24px;
  color: #ACC9EC
}

.basic_login_register .mb_icon.mb_icon_right {
  left: 20px;
  right: auto
}

.basic_login_register .header-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.basic_login_register .header-login .loginjiantou {
  cursor: pointer
}

.basic_login_register .header-login .login-list {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
  display: block;
  word-wrap: break-word;
  word-break: break-all
}

.basic_login_register .header-login .login-list.loginBtn {
  width: 88px;
  text-align: center;
  font-size: 14px;
  color: #fff
}

.basic_login_register .header-login .login-list.ucenterBtn {
  width: 48px;
  height: 48px
}

.basic_login_register .header-login .login-list.userInfo {
  width: 136px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_login_register .header-login .login-list.userInfo .userName {
  max-width: 100px;
  margin-left: 16px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic_login_register .header-login .login-list.userInfo .arrow_down {
  width: 20px;
  margin-left: 12px;
  font-size: 12px
}

.basic_login_register .header-login-mb {
  position: absolute;
  width: 140px;
  padding: 0 8px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #C5C5C5;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
  right: 0px;
  margin-top: 50px;
  height: auto
}

.basic_login_register .header-login-mb.header-login_right {
  left: 0px;
  right: auto
}

.basic_login_register .header-login-mb .mb_icon {
  display: block
}

.basic_login_register .header-login-mb .login-list {
  margin-left: 0;
  margin: 8px 0;
  font-size: 13px;
  text-align: center;
  color: #8A929E;
  word-wrap: break-word;
  word-break: break-all
}

.basic_login_register .header-login-mb .triangle {
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0;
  top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.basic_login_register .header-login-mb.header-login-show {
  display: block
}

.pc_pattern .basic_login_register .mb_icon {
  display: none
}

.pc_pattern .basic_login_register .header-login {
  display: none
}

.pc_pattern .basic_login_register .header-login .login-list {
  display: block;
  line-height: 1.5
}

.pc_pattern .basic_login_register .header-login .login-list.loginBtn {
  height: 36px;
  line-height: 36px
}

.pc_pattern .basic_login_register .header-login .mb_module {
  display: none
}

.pc_pattern .basic_login_register .header-login .login-out {
  width: 184px;
  position: absolute;
  bottom: -48px;
  height: 48px;
  z-index: 111111;
  background: #fff;
  text-align: center;
  line-height: 49px;
  font-size: 14px;
  display: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.07)
}

.pc_pattern .basic_login_register .header-login .login-out .triangle {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #fff;
  top: -8px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.07)
}

.mb_pattern .basic_login_register .mb_icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 20px;
  top: 12px;
  z-index: 1000;
  font-size: 24px;
  color: #ACC9EC;
  display: block
}

.mb_pattern .basic_login_register .mb_icon.mb_icon_right {
  left: 20px;
  right: auto
}

.mb_pattern .basic_login_register .header-login {
  position: absolute;
  padding: 0 8px;
  width: 100px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #C5C5C5;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
  right: 0px;
  top: 50px;
  height: auto
}

.mb_pattern .basic_login_register .header-login .pc_module {
  display: none
}

.mb_pattern .basic_login_register .header-login.header-login_right {
  left: 0px;
  right: auto
}

.mb_pattern .basic_login_register .header-login .mb_icon {
  display: block
}

.mb_pattern .basic_login_register .header-login .login-list {
  margin: 8px 0;
  height: 24px;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 13px;
  text-align: center;
  color: #8A929E
}

.mb_pattern .basic_login_register .header-login .login-list.loginBtn {
  background: none
}

.mb_pattern .basic_login_register .header-login .triangle {
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0;
  top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.mb_pattern .basic_login_register .header-login.header-login-show {
  display: block
}

.mb_pattern .basic_mb_loginregister {
  position: unset
}

.contact-us-index {
  position: fixed;
  bottom: 130px;
  right: 21px;
  height: 70px;
  width: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999
}

.contact-us-index .contact-us-wrapper {
  width: 66px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.contact-us-index .contact-us-wrapper .contact-us-content {
  width: 49px;
  height: 49px
}

.contact-us-index .contact-us-wrapper .contact-us-content .contact-us {
  width: 49px;
  height: 49px;
  cursor: pointer
}

.contact-us-index .contact-us-wrapper .contact-us-content .contact-us.icon-default {
  background-image: url(../img/contact_us_icon.png)
}

.contact-us-index:hover .edit_cont {
  display: block
}

.layout_row_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.mb_pattern .layout_row_2 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.layout_row_2 .layout_column {
  overflow: hidden
}

.basic_recommend_list_index {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content {
  position: relative;
  font-size: 14px
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_0 .list_one {
  height: auto !important
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one {
  width: calc(100% - 20px);
  padding: 20px;
  margin: 10px 0;
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one:not(:last-child):after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #f0f0f0;
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one .list_content_frame {
  float: left;
  margin-left: 20px;
  width: calc(75% - 20px);
  text-align: left
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_img_frame {
  width: 25%;
  padding-bottom: 25%;
  float: left
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one_wrap {
  display: block;
  height: 100%;
  color: #333;
  padding: 10px 10px;
  overflow: visible
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one,
.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one {
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
  padding: 0
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_one_wrap,
.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_one_wrap {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_one_wrap .product_name_wrap,
.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_one_wrap .product_name_wrap {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_one_wrap .product_name_wrap .product_name,
.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_one_wrap .product_name_wrap .product_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_img_frame,
.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_img_frame {
  display: none
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 {
  padding: 0 60px;
  position: relative
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide {
  height: auto
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide .list_one {
  height: 100%;
  padding: 10px;
  margin: 0 !important;
  width: 100% !important
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .prev {
  left: 10px
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .next {
  right: 10px
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .more {
  padding-bottom: 10px;
  padding-top: 10px
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn {
  display: block;
  margin: auto;
  width: 367px;
  height: 66px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  line-height: 66px;
  text-align: center
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn-add {
  margin-top: 20px;
  font-size: 16px;
  color: #222222;
  border-color: #222
}

.basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn-add:hover {
  color: #4D4D4D;
  border-color: #4D4D4D
}

.basic_recommend_list_index .basic_recommend_list .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #333
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_img_frame .list_img .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
  cursor: pointer
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_summary_wrap {
  font-size: 14px;
  color: #333
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_name_wrap {
  color: inherit;
  line-height: 24px;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 15px
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  color: inherit;
  font-size: 16px;
  vertical-align: middle;
  word-break: normal;
  white-space: normal
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
  content: "\FF1A"
}

.basic_recommend_list_index .basic_recommend_list .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
  color: #666;
  font-size: 14px
}

.basic_recommend_list_index .basic_recommend_list .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_recommend_list_index .basic_recommend_list .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_recommend_list_index .basic_recommend_list .list_one .border_bottom_transition::after,
.basic_recommend_list_index .basic_recommend_list .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_recommend_list_index .basic_recommend_list .empty {
  width: 100%
}

.basic_recommend_list_index .basic_recommend_list .empty .jz_empty_tips {
  width: 100%;
  padding: 90px 0;
  text-align: center
}

.basic_recommend_list_index .basic_recommend_list .empty .jz_empty_tips__img {
  display: block;
  width: 157px;
  height: 123px;
  margin: 0 auto;
  background: url(../img/default_icon.png) 0 0
}

.basic_recommend_list_index .basic_recommend_list .empty .jz_empty_tips__text {
  margin-top: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #333
}

.pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content {
  font-size: 0
}

.pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_0 .list_one,
.pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_4 .list_one {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mb_pattern .module_wrap_0,
.mb_pattern .module_wrap_1 {
  padding-top: 28px
}

.mb_pattern .module_wrap_1 {
  padding-top: 18px
}

.mb_pattern .basic_recommend_list_index .product_list_0,
.mb_pattern .basic_recommend_list_index .product_list_1,
.mb_pattern .basic_recommend_list_index .product_list_2,
.mb_pattern .basic_recommend_list_index .mb_swiper_list {
  padding: 0 1.8%;
  width: auto
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 {
  padding: 0 1.8%;
  width: auto
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_1 .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .list_content_frame {
  text-align: left;
  margin: 6px
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .list_content_frame .product_name_wrap {
  margin-top: 0 !important;
  margin-bottom: 5px !important
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .mb_swiper_list {
  width: 100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .mb_swiper_list .list_one {
  width: 45%;
  text-align: left;
  padding: 10px;
  margin: 0 !important
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .mb_swiper_list .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .mb_swiper_list::-webkit-scrollbar {
  height: 0px
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_0 .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one {
  padding: 0;
  margin: 10px;
  overflow: visible;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one .list_img_frame {
  width: 33.8%;
  padding-bottom: 33.8%;
  float: left
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one .product_name_wrap {
  margin: 6px !important
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_2 .list_one .list_content_frame {
  width: 66.2%;
  display: inline-block;
  float: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12px
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3,
.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 {
  margin-top: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one,
.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one {
  text-align: left;
  width: 100%;
  border: none;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #f1f1f1
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_one_wrap,
.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_3 .list_one .list_content_frame,
.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_5 .list_one .list_content_frame {
  margin: 0
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .module_content .product_list_4 {
  font-size: 0
}

.mb_pattern .module_wrap_2 {
  padding-top: 0
}

.mb_pattern .basic_recommend_list_index .product_list_0,
.mb_pattern .basic_recommend_list_index .product_list_1,
.mb_pattern .basic_recommend_list_index .product_list_2,
.mb_pattern .basic_recommend_list_index .mb_swiper_list {
  padding: 0 1.8%;
  width: auto
}

.mb_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn {
  font-size: 14px !important;
  width: 113px;
  height: 38px;
  line-height: 38px
}

@media screen and (min-width: 1440px) {
  .pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn {
    width: 290px;
    height: 52px;
    line-height: 52px;
    font-size: 18px
  }
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn {
    width: 220px;
    height: 52px;
    line-height: 52px;
    font-size: 16px !important
  }
}

@media screen and (max-width: 1280px) {
  .pc_pattern .basic_recommend_list_index .basic_recommend_list .module_wrap .more .more-btn {
    width: 180px;
    height: 44px;
    line-height: 44px;
    font-size: 16px !important
  }
}

.basic-article-info-box .jz_sys_module .J_project_sort_handle {
  cursor: auto
}

.basic-article-info-box [class*=faisco-icons] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.basic-article-info-box .module_content {
  position: relative;
  font-size: 14px
}

.basic-article-info-box .module_news_detail_content {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 0;
  line-height: 1;
  padding-bottom: 20px
}

.basic-article-info-box[data-device='mb'] .news_detail_header {
  margin-bottom: 20px
}

.basic-article-info-box .detail_summary_content {
  margin-bottom: 24px;
  font-size: 14px;
  color: #666;
  word-wrap: break-word;
  line-height: 1.6
}

.basic-article-info-box .news_detail_title {
  padding-bottom: 24px;
  padding-top: 24px;
  font-size: 22px;
  color: #333;
  font-weight: 400;
  line-height: 1.3
}

.basic-article-info-box .news_detail_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
  color: #999;
  margin-bottom: 24px
}

.basic-article-info-box .news_detail_info_item {
  font-size: 14px;
  margin-right: 22px
}

.basic-article-info-box .news_detail_content_wrap {
  padding-top: 30px;
  border-top: 1px solid #ebebeb;
  margin-bottom: 30px
}

.basic-article-info-box .news_detail_content {
  font-size: 14px;
  color: #666;
  word-wrap: break-word;
  line-height: 2.8
}

.basic-article-info-box .news_detail_content.ul-set ol,
.basic-article-info-box .news_detail_content.ul-set li {
  list-style: decimal
}

.basic-article-info-box .news_detail_content.ul-set ul li {
  list-style: disc
}

.basic-article-info-box .news_detail_divice_line {
  border-bottom: 1px dashed #efefef;
  margin-bottom: 26px
}

.basic-article-info-box .news_content_footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 26px
}

.basic-article-info-box[data-device='mb'] .news_content_footer {
  margin-top: 20px
}

.basic-article-info-box .news_info_footer_line {
  margin-bottom: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  white-space: nowrap;
  line-height: 1.5
}

.basic-article-info-box[data-device='mb'] .news_info_footer_line {
  margin-bottom: 20px
}

.basic-article-info-box .news_info_soruece_detail {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: calc(100% - 50px)
}

.basic-article-info-box .news_detail_info_item {
  font-size: 14px;
  margin-right: 22px
}

.basic-article-info-box[data-device='mb'] .news_detail_info_item {
  font-size: 14px
}

.basic-article-info-box .news_detail_info_source {
  display: inline-block;
  max-width: 100%;
  margin-right: 0;
  padding-right: 25px;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden
}

.basic-article-info-box .news_detail_info_item {
  margin-right: 0;
  padding-right: 25px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .news_detail_info_href {
  display: inline-block;
  max-width: 100%;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden
}

.basic-article-info-box .news_detail_group_list {
  margin-bottom: 50px
}

.basic-article-info-box[data-device='mb'] .news_detail_group_list {
  margin-bottom: 20px
}

.basic-article-info-box .news_belong_group {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 25px;
  line-height: 23px;
  margin-right: 15px;
  padding: 0 10px;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  color: #6f6f6f;
  font-size: 14px
}

.basic-article-info-box .news_detail_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 70px
}

.basic-article-info-box[data-device='mb'] .news_detail_footer {
  margin-top: 0;
  margin-bottom: 20px
}

.basic-article-info-box .news_pagenation_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  color: #666
}

.basic-article-info-box .news_pagenation_wrap .news_pagenation:nth-child(2) {
  margin-top: 30px
}

.basic-article-info-box .pagenation_title {
  font-size: 14px;
  margin-right: 28px;
  color: #333
}

.basic-article-info-box .pagenation_link {
  font-size: 14px;
  color: #333
}

.pc_pattern .basic-article-info-box .module_news_detail_content .news_detail_info.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .news-footer-1 .news_content_footer .news_info_footer_line,
.pc_pattern .basic-article-info-box .news-footer-4 .news_content_footer .news_info_footer_line {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pc_pattern .basic-article-info-box .news-footer-1 .news_content_footer .news_info_footer_line .news_info_soruece_detail.news_flex_add,
.pc_pattern .basic-article-info-box .news-footer-4 .news_content_footer .news_info_footer_line .news_info_soruece_detail.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .news-footer-1 .news_content_footer .news_detail_group_list.news_flex_add,
.pc_pattern .basic-article-info-box .news-footer-4 .news_content_footer .news_detail_group_list.news_flex_add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .news_detail_footer.news_detail_footer_1.news_flex_add,
.pc_pattern .basic-article-info-box .news_detail_footer.news_detail_footer_4.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .product_detail_wrap .product_detail_right_content .detail_other_message.detail_other_message_mod4 .detail_other.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .module-style-4.moduleStyle4 .detail_other_message4 .detail_other.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.pc_pattern .basic-article-info-box .view_pattern_pc .detail_pagination_wrap.detail_pagination_wrap4 .nav-btn-wrapper.news_flex_add {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pc_pattern .basic-article-info-box .view_pattern_pc .detail_pagination_wrap.detail_pagination_wrap4 .nav-btn-wrapper.news_flex_add .nav-btn-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: calc(100% - 90px)
}

.basic-article-info-box .view_pattern_pc {
  padding: 20px
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 18px
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper-left {
  padding-right: 20px
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #657180;
  font-size: 13px
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .btn a {
  color: #657180
}

.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #657180;
  font-size: 13px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 {
  position: relative;
  font-size: 14px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 14px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content {
  width: 43.75%;
  float: left
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
  width: auto;
  margin-right: 4.8%;
  position: relative
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #eee
}

@media screen and (min-width: 800px) {
  .basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content {
    cursor: url("../img/plus.png"), auto
  }
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content .detail_big_pic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 14px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont {
  position: absolute;
  width: 12px;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouzuo {
  left: 0;
  margin-left: 2px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouyou {
  right: 0;
  margin-right: 2px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap {
  width: 92%;
  display: inline-block;
  margin-left: 4%;
  margin-right: 4%
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .swiper-container {
  padding-bottom: 1px;
  padding-right: 1px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide {
  position: relative;
  font-size: 0;
  padding-bottom: 17.2%;
  padding-left: 17.2%
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  -o-object-fit: contain;
  object-fit: contain
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle[data-active] {
  border-color: #2b2b2b
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .play-icon {
  position: absolute;
  font-size: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 18px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  color: #999;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn a {
  color: #657180
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content {
  width: 56.25%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  font-size: 20px;
  color: #333;
  word-break: break-word;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: calc(100% - 120px);
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 20px;
  color: #333;
  word-break: break-word;
  font-weight: normal
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  min-width: 120px;
  text-align: left;
  border-left: 1px solid #f0f0f0;
  padding-left: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  text-align: center;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 6px;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  border-bottom: none !important;
  line-height: 40px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  font-size: 14px;
  color: #666
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  font-size: 14px;
  color: #666
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding-left: 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 200px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-3 .product_detail_wrap .product_detail_left_content {
  float: right
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content {
  width: 100%;
  float: none
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
  width: calc(100% - 100px);
  height: 0;
  padding-bottom: 450px;
  float: left
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
  width: 100px;
  height: 450px;
  display: inline-block;
  margin-top: 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouzuo {
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouyou {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap {
  height: 400px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap .list_box {
  height: 400px;
  margin-top: 25px;
  margin-bottom: 25px
}

.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_right_content {
  clear: both;
  width: 100%;
  margin-top: 15px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 14px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content {
  display: block;
  width: 100%
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  min-width: 0;
  font-size: 20px;
  color: #1a1a1a;
  white-space: normal;
  display: inline-block;
  padding-right: 20px;
  font-weight: normal
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  border-left: 0;
  padding-left: 0;
  padding-top: 6px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list {
  right: auto;
  left: -30px;
  text-align: center
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list::before {
  right: auto;
  left: 45px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin-left: 0;
  margin-top: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  width: 50%;
  padding: 13px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  font-size: 14px;
  font-weight: 700;
  color: #4c4c4c;
  display: block;
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  font-size: 14px;
  color: #666;
  width: calc(100% - 120px)
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 200px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap {
  margin-top: 30px;
  margin-left: 10px
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 6px;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  color: #999
}

.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn a {
  color: #657180
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap {
  position: relative;
  display: inline-block;
  overflow: visible;
  width: 100%
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio {
  position: absolute;
  top: 262px;
  left: 12px;
  display: block;
  max-width: 20px;
  padding: 2px;
  width: 5%
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item {
  width: 4px;
  height: 4px;
  background: #c1c1c1;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item[data-active] {
  border: 2px solid grey;
  width: 15px;
  height: 15px;
  background: 0 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content {
  max-width: 700px;
  width: 50%;
  float: left;
  padding-right: 4.8%;
  margin-left: 5%
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
  margin-right: 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap {
  margin-top: 14px;
  position: relative
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: inline-block
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list {
  position: relative;
  border: 1px solid #ebebeb;
  margin-left: 0;
  margin-top: 36px;
  width: 100%;
  display: block;
  padding: 0 0 100% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .position_center_middle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

@media screen and (min-width: 800px) {
  .basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list {
    cursor: url("../img/plus.png"), auto
  }
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .img_scale_model {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  background-image: url("../img/plus.png");
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #000;
  pointer-events: none;
  opacity: .3;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 26px;
  background-size: 24px 26px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 10px 0
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 6px;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  color: #999
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn a {
  color: #657180
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content {
  top: 77px;
  left: 51%;
  padding-left: 30px;
  width: 40%;
  z-index: 2000;
  position: absolute;
  float: left;
  background: #fff
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
  max-width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  font-size: 20px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding-right: 20px;
  font-weight: normal
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
  text-align: right;
  min-width: 80px;
  padding-left: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
  margin-top: 6px;
  margin-right: 8px;
  display: inline-block;
  font-size: 14px;
  color: #333;
  vertical-align: middle
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 20px;
  font-size: 24px;
  text-align: center;
  margin: 0 !important
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title {
  display: none
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list {
  text-align: center
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list::before {
  right: 24px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap {
  margin-top: 35px;
  background: #f7f7f7;
  width: 100%;
  height: 100px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content {
  position: relative
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left {
  padding: 30px 0 0 29px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left .detail_price {
  font-weight: 700;
  color: #2b2b2b;
  font-size: 24px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right {
  display: inline-block;
  position: absolute;
  right: 5%;
  bottom: 5%
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right .detail_sales {
  display: inline-block;
  font-size: 14px;
  color: #666
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message {
  margin: 15px 0;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
  line-height: 0;
  padding: 11.5px 0;
  border-bottom: 1px solid #f5f5f5
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
  margin-right: 0;
  padding: 0 8px;
  display: inline-block;
  width: 9em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #4d4d4d;
  text-align: left;
  font-weight: 700;
  margin-right: 10px;
  line-height: 30px;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
  line-height: 30px;
  display: inline-block;
  color: #666;
  font-size: 14px;
  vertical-align: top;
  width: calc(100% - 140px)
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding-left: 25px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
  width: 200px;
  height: 42px;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
  font-size: 16px
}

.basic-article-info-box .view_pattern_pc .moduleStyle2 .detail_content {
  margin-top: 6px;
  padding: 10px 10px 10px 0
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap {
  clear: both;
  margin-top: 80px
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  font-size: 0
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
  border: 1px solid #f0f0f0
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 160px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 54px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active]::before {
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  border: 2px solid;
  width: 100%
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel {
  margin: 25px 15px;
  font-size: 14px;
  color: #333
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e7e7e7
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
  overflow: hidden;
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_time {
  margin: 0 20px;
  width: 150px;
  text-align: center
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 3px
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
  display: inline-block;
  background: #f2f3f5;
  width: 80px;
  height: 34px;
  border-radius: 2px;
  color: #657180;
  cursor: pointer
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
  color: #fff !important
}

.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
  text-align: left;
  padding: 0 20px
}

.basic-article-info-box .module-style-4 .my-title-wrapper {
  width: 100%;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic-article-info-box .module-style-4 .detail_func_wrap {
  display: inline-block;
  vertical-align: top
}

.basic_hot_recommend {
  padding-top: 20px
}

.basic_hot_recommend .hot-recommend-container .lableLine .search_tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px
}

.basic_hot_recommend .hot-recommend-container .lableLine .search_tabs .tabWords {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  max-width: 95px;
  height: 40px;
  text-align: center;
  margin-right: 16px;
  font-size: 14px;
  color: #333;
  cursor: pointer
}

.basic_hot_recommend .hot-recommend-container .lableLine .search_tabs .tabWords.selected {
  font-weight: 700;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-bottom: -2px
}

.basic_hot_recommend .hot-recommend-container .lableLine .search_result_tabs_line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #f0f0f0
}

.basic_hot_recommend .hot-recommend-container .resultPart .result_title {
  font-weight: 700;
  font-size: 15px;
  margin: 23px 0 23px 12px
}

.basic_hot_recommend .hot-recommend-container .noResult {
  width: 100%;
  height: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_hot_recommend .hot-recommend-container .noResult .tipsWordsPart {
  text-align: center;
  line-height: 30px
}

.basic_hot_recommend .hot-recommend-container .noResult p {
  color: #333;
  font-size: 16px
}

.basic_hot_recommend .hot-recommend-container .noResult span {
  display: block;
  color: #999;
  font-size: 14px
}

.basic_hot_recommend .hot-recommend-container .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #333
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_img_frame .list_img .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
  cursor: pointer
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_name_wrap {
  color: inherit;
  line-height: 24px;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 15px
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  color: inherit;
  font-size: 16px;
  vertical-align: middle;
  word-break: normal;
  white-space: normal
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
  content: "\FF1A"
}

.basic_hot_recommend .hot-recommend-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
  color: #666;
  font-size: 14px
}

.basic_hot_recommend .hot-recommend-container .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_hot_recommend .hot-recommend-container .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_hot_recommend .hot-recommend-container .list_one .border_bottom_transition::after,
.basic_hot_recommend .hot-recommend-container .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_first_type_index .basic_first_type .module_wrap .module_content {
  font-size: 0
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .tooptipPart {
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  z-index: 999
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 40px;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #333
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_img_frame .list_img .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
  cursor: pointer
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
  content: "\FF1A"
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
  color: #666;
  font-size: 14px
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_name_wrap {
  color: inherit;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 15px
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
  display: block;
  color: inherit;
  font-size: 16px;
  vertical-align: middle;
  word-break: normal;
  white-space: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_summary_wrap {
  margin-top: 4px
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap .list_content_frame .product_summary_wrap .product_summary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  text-align: left
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .border_bottom_transition::after,
.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .list_one_wrap:hover .list_content_frame .product_name_wrap .product_name {
  color: var(--theme_color) !important
}

.basic_first_type_index .basic_first_type .module_wrap .module_content .list_one .border_hover_color:hover {
  border-color: var(--theme_color)
}

.pc_pattern .basic_first_type_index .list_one .list_one_wrap {
  border-radius: 12px
}

.basic_video_index .img_flv_div .video_poster_img {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.basic_shortvideo_detail_index {
  height: 100%;
  position: relative
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content {
  height: 100%;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background: #111
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .show_no {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  width: 15px;
  height: 196px;
  background-image: url(../img/show_icon.png);
  background-position: -15px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .video_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .close-btn {
  position: absolute;
  left: 44px;
  top: 30px;
  cursor: pointer;
  background: #FFFFFF;
  opacity: 0.16;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  z-index: 1
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .close-btn-img {
  position: absolute;
  left: 63px;
  top: 49px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .video {
  overflow: hidden;
  max-width: 75%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .video .video_dom {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .video .video_dom.video-js .vjs-tech {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .video .video_dom .vjs-poster {
  opacity: 1;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video {
  left: calc(100% - 78px);
  position: absolute;
  bottom: 48px;
  z-index: 3
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .qvide_icon {
  display: block;
  margin-bottom: 24px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list {
  width: 54px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 27px;
  margin-bottom: 24px;
  cursor: pointer;
  display: block
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.upload_list_zan {
  position: relative;
  height: 54px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.upload_list_zan .zan_ing {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 60px;
  height: 60px;
  max-width: 99px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.upload_list_zan .zan_ing_zan::before {
  content: " ";
  width: 50px;
  height: 50px;
  border-radius: 25px;
  display: block;
  top: -14px;
  position: relative;
  left: -14px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list:last-child {
  margin-bottom: 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list .icon-list {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/up_down_share.png);
  background-repeat: no-repeat;
  background-position: 0 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list .icon-list.zan_icon {
  background-position: -48px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list .icon-list.zan_icon.zan-active {
  background-image: url(../img/add_zan.png);
  background-position: 0 0;
  -webkit-background-size: 48px 24px;
  background-size: 48px 24px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list .icon-list.share_icon {
  background-position: -72px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list .icon-list.down_icon {
  background-position: -24px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 54px;
  width: auto
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list.share-list-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(calc(-100% + 54px));
  -ms-transform: translateX(calc(-100% + 54px));
  transform: translateX(calc(-100% + 54px))
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .detail_share .g-share-render-box.j-share-render-box .news_share_info.jz_share_info {
  display: none
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list:hover .play-list-line {
  display: block
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list:hover .share-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list:hover .share-wrap .u-icon {
  font-size: 22px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .play-list-line {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: auto 16px auto 12px;
  display: none
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: none
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap .jz_share_icon {
  width: 26px;
  height: 26px;
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap .jz_share_icon:last-child {
  margin-right: 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap .jz_share_Weixin {
  background: url(../img/video_wx.png) no-repeat;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap .jz_share_sina_weibo {
  background: url(../img/video_wb.png) no-repeat;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video_content .toggle-video .upload_list.share-list .share-wrap .jz_share_qq_share {
  background: url(../img/video_qq.png) no-repeat;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 {
  padding: 24px;
  height: 206px;
  background: #292929;
  margin-right: 4px;
  color: #FFFFFF
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-title {
  font-size: 16px;
  color: #fff
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-title .lump {
  width: 7px;
  height: 7px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-title span {
  margin-left: 5px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 112px;
  background: #4E5055;
  border-radius: 4px;
  padding: 24px 28px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right {
  margin-left: 8px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list {
  background: rgba(116, 118, 128, 0.5);
  width: 168px;
  height: 52px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list:first-child {
  margin-bottom: 8px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  white-space: nowrap
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left .play-zan {
  width: 16px;
  height: 16px;
  background-image: url(../img/add_zan.png);
  -webkit-background-size: 32px 16px;
  background-size: 32px 16px;
  background-position: -16px 0;
  margin-right: 10px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left .play-zan.zan-active {
  background-position: -0px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left .play-zan.play {
  background-image: url(../img/play_20_20.png);
  -webkit-background-size: 80px 16px;
  background-size: 80px 16px;
  background-position: -48px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left .play-zan,
.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-left .zan {
  cursor: pointer
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-line {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: auto 11px auto 12px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .add_video_content_wrap .video-detail-module-1 .video-desc .video-right .play-list .play-list-num {
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 424px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 424px;
  flex: 0 0 424px;
  width: 424px;
  background: #292929;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
  position: relative;
  height: 100%;
  overflow: hidden
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .show {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  width: 15px;
  height: 196px;
  background-image: url(../img/show_icon.png);
  background-position: 0 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail {
  margin-bottom: 16px;
  padding: 16px;
  background: #383838;
  border-radius: 4px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video-title {
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #494949;
  padding-bottom: 10px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video-title .lump {
  width: 7px;
  height: 7px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video-title span {
  margin-left: 5px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video-title-desc {
  margin-top: 15px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 33px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list {
  background: rgba(116, 118, 128, 0.5);
  width: calc(50% - 4px);
  height: 52px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list:first-child {
  margin-right: 8px;
  cursor: pointer
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  white-space: nowrap
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-left .play-zan {
  width: 20px;
  height: 20px;
  background-image: url(../img/play_20_20.png);
  background-position: -0px 0;
  margin-right: 10px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-left .play-zan.zan-active {
  background-position: -0px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-left .play-zan.play {
  background-image: url(../img/play_20_20.png);
  background-position: -60px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-line {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: auto 11px auto 12px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .video_btn .play-list .play-list-num {
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list {
  width: 100%;
  background: rgba(116, 118, 128, 0.5);
  height: 52px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list.phone-list-top {
  margin-bottom: 8px;
  margin-top: 23px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list.phone-list-line {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list.phone-list-line .play-list-left {
  height: 100%
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list.phone-list-line .play-list-num {
  padding-top: 12px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  white-space: nowrap
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-left .play-zan {
  width: 20px;
  height: 20px;
  background-image: url(../img/play_20_20.png);
  margin-right: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-left .play-zan.phone {
  background-position: -80px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-left .play-zan.line-icon {
  background-position: -40px 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-line {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 1px;
  flex: 0 0 1px;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: auto 11px auto 12px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num {
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap.online-wrap-6 {
  width: calc(100% - 32px)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container {
  display: block;
  min-width: 168px;
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  position: relative
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list {
  margin-right: 18px;
  cursor: pointer
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list:last-child {
  margin-right: 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link {
  width: 28px;
  height: 28px;
  position: static
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link:hover {
  background: none;
  margin-bottom: 190px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link:hover .qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  zoom: 1
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link .icon-img {
  width: 28px;
  height: 28px;
  margin: 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link .text {
  display: none
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link .qrcode {
  display: none;
  position: absolute;
  left: calc(50% - 84px);
  top: 40px;
  width: 168px;
  height: 168px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 12px;
  z-index: 998;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .online-wrap .ask-container .ask-wrap .line-list .item-link .qrcode img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-left,
.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-image: url(../img/play_20_20.png);
  background-position: -20px 0;
  margin-left: 7px;
  margin-right: 4px;
  margin-top: 4px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  cursor: pointer
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-left.arrow-left,
.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-right.arrow-left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-left:hover,
.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .video_detail .phone-list .play-list-num.online .arrow-right:hover {
  background-image: url(../img/arrow_right_hover.png);
  background-position: 0 0
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 16px;
  background: #383838;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap .video-title {
  font-size: 16px;
  color: #fff;
  padding-bottom: 10px;
  border-bottom: 1px solid #494949;
  margin-bottom: 23px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap .video-title .lump {
  width: 7px;
  height: 7px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap .video-title span {
  margin-left: 5px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap .recommend-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content .video_detail_recommend .recommend-wrap .recommend-content::-webkit-scrollbar {
  width: 0 !important
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 {
  height: 100%
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_title {
  font-size: 24px;
  margin-bottom: 16px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.5)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list {
  cursor: pointer;
  font-size: 14px;
  margin-right: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 50px
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share {
  overflow: visible
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .jz_share_info {
  line-height: 1
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text {
  color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text .u-icon {
  background-image: url(../img/share_pc.png);
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-background-size: 20px 20px;
  background-size: 20px;
  margin: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text .u-icon::before {
  content: ''
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .u-icon.j-qr-close-btn {
  color: #333
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list.detail_share .g-share-render-box .jz_share_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list .zan {
  width: 20px;
  height: 20px;
  background-image: url(../img/zan.png)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_0 .video_btn .btn-list .zan.zan-active {
  background-image: url(../img/zan_active.png)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_1 .video_content {
  height: calc(100% - 206px)
}

.basic_shortvideo_detail_index .pc_basic_shortvideo_content .basic_shortvideo_content.basic_shortvideo_content_1 .video_content .show_no {
  top: calc(50% + 103px)
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content {
  height: 100%;
  background: #000;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper {
  height: 100%;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .title {
  color: #fff;
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  left: 15px;
  bottom: 30px;
  right: 80px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .video_dom {
  width: 100%;
  height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
  cursor: pointer
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .short_one_video_frame {
  width: 100%;
  height: 100%;
  position: relative
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .short_one_video_frame .video_play_btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background-image: url(../img/1_play.png);
  cursor: pointer;
  -webkit-background-size: 70px 70px;
  background-size: 70px;
  z-index: 2;
  cursor: pointer
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .short_one_video_frame .myVideo_poster {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list .short_one_video_frame .video_loading {
  display: none;
  position: absolute;
  z-index: 3;
  width: 40px;
  height: 44px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper .swiper-list[data-state="pause"] .video_play_btn {
  display: block !important
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list {
  position: absolute;
  right: 14px;
  bottom: 158px;
  z-index: 10
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list {
  margin-bottom: 28px;
  color: #fff;
  text-align: center;
  font-size: 14px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.btn-list-zan .zan-wrap {
  width: 40px;
  height: 40px;
  position: relative
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.btn-list-zan .zan-wrap .zan_ing {
  position: absolute;
  top: -32px;
  left: -31px;
  width: 102px;
  height: 102px;
  max-width: 110px !important
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list:last-child {
  margin-bottom: 0;
  margin-top: 14px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list .zan {
  width: 40px;
  height: 40px;
  background-image: url(../img/add_zan.png);
  cursor: pointer;
  background-position: -40px 0;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list .zan.zan-play {
  -webkit-animation: go-imgtwo 1s ease 3s both;
  animation: go-imgtwo 1s ease 3s both
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list .zan.zan-active {
  background-image: url(../img/add_zan_active.png);
  background-position: 0 0
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.detail_share .g-share-render-box .jz_share_info {
  line-height: 1
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text.jz_share_text {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text.jz_share_text .u-icon {
  background-image: url(../img/phone_icon.png);
  width: 40px;
  height: 40px;
  background-position: -80px 0;
  margin: auto
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list.detail_share .g-share-render-box .jz_share_info .news_share_text.jz_share_text .u-icon::before {
  content: ''
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .btn-list .recommend_icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/phone_icon.png);
  cursor: pointer;
  background-position: -40px 0;
  text-align: center;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .qvide_icon {
  display: block
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .right-list .qvide_icon img {
  width: 40px;
  margin-bottom: 20px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content {
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: #fff;
  overflow: hidden;
  z-index: 1100;
  border-radius: 12px 12px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content[data-active] {
  height: 592px;
  padding: 16px;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .u-icon {
  font-size: 32px;
  color: #BEBCBC;
  position: absolute;
  top: -3px;
  right: 10px;
  cursor: pointer
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(5, 17, 60, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top .title {
  color: #333333;
  font-size: 16px;
  font-weight: 500
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top .title .lump {
  width: 7px;
  height: 7px;
  background: #4F75EB;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top .title span {
  margin-left: 5px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top .ask {
  font-size: 14px;
  font-weight: 400;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_top .ask img {
  margin-right: 4px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #333333;
  padding-bottom: 6px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_msg {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_msg .empty {
  margin: 100px auto auto auto;
  display: block
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .detail_other_content .detail_other_msg .empty-txt {
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-top: -20px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .mini-swiper-container {
  width: 102px;
  height: 138px;
  background: #FFFFFF;
  position: absolute;
  left: 0px;
  bottom: 152px;
  overflow: hidden;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  -webkit-transition: all 0.5s cubic-bezier(0.65, 0.13, 0.22, 0.88);
  transition: all 0.5s cubic-bezier(0.65, 0.13, 0.22, 0.88);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px 16px 16px 0px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  padding: 4px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .mini-swiper-container[data-active] {
  width: 0;
  height: 0;
  padding: 0;
  right: 46px;
  left: calc(100% - 46px);
  bottom: 202px;
  border: 0
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .mini-swiper-container .u-icon {
  width: 16px;
  height: 16px;
  color: #BEBCBC;
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 10;
  cursor: pointer;
  background-image: url(../img/close_icon.png)
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .mini-swiper-container .mini-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .recommend-opc {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .recommend-opc[data-active=true] {
  display: block
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 {
  height: 100%;
  overflow-y: auto
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1::-webkit-scrollbar {
  width: 0px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 {
  height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 {
  height: 100%;
  position: relative;
  max-height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .video_dom {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  background: #19191F
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .video_opc {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .video_opc .play_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  cursor: pointer;
  -webkit-background-size: 70px 70px;
  background-size: 70px;
  z-index: 10
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .video_opc[data-active=true] .play_icon {}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .title {
  position: absolute;
  bottom: 84px;
  left: 18px;
  right: 18px;
  font-size: 14px;
  color: #fff
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .see-slide {
  position: absolute;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_module_1 .see-slide .see-icon {
  width: 24px;
  height: 24px;
  background-image: url(../img/see_more_icon.svg)
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .recommend-wrap {
  background: #19191F;
  padding: 8px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .recommend-wrap .more_title {
  font-size: 16px;
  color: #fff;
  padding: 16px 4px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list {
  width: calc(50% - 2px);
  margin-bottom: 4px;
  border-radius: 4px;
  overflow: hidden;
  color: #fff;
  background: #282831;
  position: relative
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list:nth-child(odd) {
  margin-right: 2px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list:nth-child(even) {
  margin-left: 2px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .img-frame {
  padding-top: 134.83%;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom {
  padding: 12px 8px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video-title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 8px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video_second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video_second .like-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #86868B
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video_second .like-list:first-child {
  margin-right: 15px
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video_second .like-list .list-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 4px;
}

.basic_shortvideo_detail_index .mb_basic_shortvideo_content .basic_shortvideo_swiper_module_1 .mb_module_1 .video_recommend-container .video-list .video-list-bottom .video_second .like-list .list-icon.play-icon {
  background-position: -13px 0
}

.pc_pattern .mb_basic_shortvideo_content {
  z-index: 0
}

.mb_pattern .pc_basic_shortvideo_content {
  z-index: 0
}

.svideo_app_container .myheader,
.svideo_app_container .myBanner,
.svideo_app_container .mobile_header,
.svideo_app_container .backTop,
.svideo_app_container .myFooter,
.svideo_app_container .rowFixedNext,
.svideo_app_container .contact-us-index,
.svideo_app_container .entry_btn {
  display: none
}

.svideo_app_container .mb_heade.mb_iframe_preview {
  display: none !important;
  height: 0
}

.svideo_app_container .mb_height_line.header_has_fixed {
  height: 0
}

.svideo_app_container .nav-logo-wrapper {
  display: none
}

.svideo_app_container .qq-set-container {
  display: none
}

.basic_shortvideo_detail_index .list_one {
  margin-bottom: 8px;
  position: static
}

.basic_shortvideo_detail_index .list_one .list_one_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  background: rgba(116, 118, 128, 0.5);
  border-radius: 2px
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .list_img_frame {
  width: 112px;
  height: 78px;
  border-radius: 4px;
  margin-right: 12px
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .list_img_frame .list_img {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .list_img_frame .list_img .opc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4)
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .list_img_frame .list_img .play-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  z-index: 2;
  cursor: pointer
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .product_name {
  font-size: 14px;
  color: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 8px
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .play-list {
  font-size: 12px;
  color: #fff
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .play-list:first-child {
  margin-right: 16px
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .play-list .zan-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .play-list .zan-icon.play {
  background-position: -13px 0
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .see {
  color: #7A9BFF;
  font-size: 14px
}

.basic_shortvideo_detail_index .list_one .list_one_wrap .product_name_wrap .play-wrap .see-icon {
  width: 10px;
  height: 10px;
  background-image: url(../img/see_icon.svg);
  background-position: 0px 0;
  margin-left: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_shortvideo_detail_index .list_one .list_one_wrap:hover .product_name_wrap {
  color: var(--theme_color)
}

.mb_pattern .basic_shortvideo_detail_index .mini-list {
  margin-bottom: 0
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap {
  width: 92px;
  height: 128px;
  display: block;
  position: relative;
  padding: 0;
  border-radius: 0px 13px 13px 0px;
  overflow: hidden
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap .list_img_frame {
  width: 100%;
  height: 100%
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap .list_img_frame .list_img {
  width: 100%;
  height: 100%
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap .product_name_wrap {
  position: absolute;
  bottom: 0
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap .product_name_wrap .product_name {
  -webkit-line-clamp: 1;
  padding-left: 4px
}

.mb_pattern .basic_shortvideo_detail_index .mini-list .list_one_wrap .product_name_wrap .play-wrap {
  display: none
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list {
  margin-top: 8px
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list:first-child {
  margin-top: 15px
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list .list_one_wrap {
  padding: 8px;
  background: #F3F3F4;
  border-radius: 2px
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list .list_one_wrap .see_detail {
  display: block
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list .list_one_wrap .list_img_frame {
  height: 78px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 112px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 112px;
  flex: 0 0 112px;
  padding-bottom: 0;
  border-radius: 4px;
  overflow: hidden
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list .list_one_wrap .product_name_wrap .product_name {
  color: #333;
  font-size: 14px
}

.mb_pattern .basic_shortvideo_detail_index .list_one.recommend_list .list_one_wrap .product_name_wrap .play-wrap .play-list {
  color: #333;
  font-size: 14px
}

.short-video-container .fixed_title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center
}

.short-video-container .fixed_title .title {
  font-size: 18px;
  font-weight: 800;
  color: #333333
}

.short-video-container .short_video_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.short-video-container .short_video_list a.list_jump {
  color: #333
}

.short-video-container .short_video_list .short_video_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: flex;
  position: relative
}

.short-video-container .short_video_list .short_video_item .list_jump {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.short-video-container .short_video_list .short_video_item .img-frame {
  width: 100%;
  padding-bottom: 178%;
  position: relative
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  color: #fff;
  font-size: 14px;
  width: calc(100% - 16px)
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second .like-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
  max-width: 50%
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second .like-list .list-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second .like-list .list-icon.play-icon {}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second .like-list span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.short-video-container .short_video_list .short_video_item .img-frame .list_img .video_second .like-list:last-child {
  margin-right: 0
}

.short-video-container .short_video_list .short_video_item .img-frame .qvideo_name {
  position: absolute;
  z-index: 1;
  width: 52px;
  height: 21px;
  background: #9382FF;
  border-radius: 0px 4px 0px 4px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
  right: 0
}

.short-video-container .short_video_list .short_video_item img,
.short-video-container .short_video_list .short_video_item video {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 272px
}

.short-video-container .short_video_list .short_video_item .video_name {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 600;
  color: #333333
}

.short-video-container .short_video_list .short_video_item .video_name span {
  line-height: 15px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.mb_pattern .short_video_list .video_name {
  display: none
}

.short_video_list_empty {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center
}

.short_video_list_empty .short_video_empty_img {
  margin: 0 auto;
  width: 124px;
  height: 111px
}

.short_video_list_empty .short_video_list_empty_text {
  height: 21px;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #BDC4D3;
  line-height: 21px;
  text-align: center
}

.basic_navbar .pageLine .pagePart .line-height-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basic_navbar .pageLine .pagePart .line-height-change.bilingualSetWarp_0 .other_name {
  margin-top: 10px
}

.basic_navbar .pageLine .pagePart .line-height-change.bilingualSetWarp_2 .other_name {
  margin-bottom: 10px
}

.basic_navbar .childrenData .navchildlist.navchildlist_top .nvachildLine_top {
  height: 24px !important
}

.basic_navbar .childrenData.type_0 .navchildlist.navchildlist_top .navchild2Part .nvachildLine_top {
  height: 24px !important
}

.basic_navbar .pageLink.nav_item_name .img_icon {
  vertical-align: middle;
  margin-left: 2px
}

.basic_navbar .navberSplitLine {
  position: relative;
  -webkit-background-clip: text;
  vertical-align: middle
}

.basic_classification .content_detail_style6 .left_content_6 {
  position: relative
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 {
  overflow-y: auto;
  overflow-x: hidden;
  width: 220px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .parent_content {
  width: 216px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 16px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .parent_content .parent_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .parent_content .img_content,
.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .parent_content .img_content_1 {
  width: auto
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content {
  position: absolute;
  background-color: transparent;
  display: none;
  padding-left: 12px;
  z-index: 10
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap {
  overflow-y: auto;
  min-width: 470px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F7F9FA
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_width {
  width: 940px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_width .level_2_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_width .level_2_wrap .level_2:nth-child(odd) {
  margin-right: 50px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_level_no {
  width: 470px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_level_no .level_2_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_level_no .level_2_wrap .level_2:nth-child(odd) {
  margin-right: 50px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_level_no .level_2_wrap .level_2 {
  width: 120px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .right_content_title {
  font-weight: 500;
  color: #000000;
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .right_content_title::after {
  display: table;
  content: "";
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-left: 6px solid #000;
  border-bottom: 3px solid transparent;
  margin: auto 5px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 {
  width: 410px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content .child_content .label_2_name {
  width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content .level_3_6_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content .level_3_6_content .level_3_content {
  width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-right: 10px
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content .level_3_6_content .level_3_content:nth-child(3n) {
  padding-right: 0
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap .level_2_wrap .level_2 .level_2_content .level_3_6_content .level_3_content .label_3_name {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_2,
.basic_classification .content_detail_style6 .left_content_6 .level_1 .level_3 {
  display: block
}

.basic_classification .content_detail_style6 ::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

@media screen and (max-width: 1140px) {
  .basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_width {
    width: 470px
  }

  .basic_classification .content_detail_style6 .left_content_6 .level_1 .level_1_content .right_content .right_content_wrap.right_content_width .level_2_wrap .level_2:nth-child(odd) {
    margin-right: 0px
  }
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check {
  width: 14px;
  height: 14px;
  border: 1px solid #aaa;
  margin-right: 5px
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check_txt .agree {
  font-size: 13px
}

.basic_information_search .radio_style .radio_item {
  display: inline-block;
  position: relative
}

.basic_information_search .radio_text {
  padding-left: 5px
}

.basic_information_search .radio_style .radio_inner {
  width: 18px;
  height: 18px;
  border: 1px solid #E8E8F0;
  background: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  position: relative;
  top: 1px
}

.basic_information_search .required_icon {
  color: red;
  position: relative;
  top: 2px;
  left: 0px;
  pointer-events: none;
  display: inline-block
}

.basic_information_search .form_data .form_item_wrap .title {
  margin-bottom: 12px
}

.basic_information_search .item_type_radio .radio_style .radio_item {
  margin-right: 20px
}

.basic_information_search .form_item_wrap .form_item {
  margin-bottom: 20px;
  margin-top: 32px
}

.search-results-container .search-results .form-search-results {
  margin: 40px 0 0;
  text-align: center
}

.search-results-container .search-results .form-search-results .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px
}

.search-results-container .search-results .form-search-results .form-item .my-label {
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #1e1e1e
}

.search-results-container .search-results .form-search-results .form-item .search-input {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 45px;
  line-height: 45px;
  background: #f7f8fb;
  border-radius: 3px;
  padding-left: 10px;
  border: 1px solid transparent;
  outline: none;
  margin-left: 20px
}

.search-results-container .search-results .form-search-results .form-item .search_button {
  background: var(--theme_color);
  border: 0;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  max-width: 300px;
  text-align: center;
  width: 100%;
  margin: 0 auto
}

.search-results-container .my_title_index {
  border-bottom: none
}

.search-results-container .search-list {
  margin-top: 16px
}

.search-results-container .search-list .search-list-container .search-list-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-spacing: 0;
  line-height: 20px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
  border-left: 1px solid #D7D9DD;
  border-bottom: 1px solid #D7D9DD
}

.search-results-container .search-list .search-list-container .search-list-data .data_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #D7D9DD;
  border-bottom: 0;
  border-left: 0
}

.search-results-container .search-list .search-list-container .search-list-data .data_row .data_row_item {
  width: 50%;
  min-height: 34px;
  padding: 6px 0px;
  font-size: 14px
}

.search-results-container .search-list .search-list-container .search-list-data .data_row .data_row_item.item_value {
  border-left: 1px solid #D7D9DD
}

.search-results-container .search-list .search-list-container .no_result {
  font-size: 16px;
  text-align: center;
  margin-top: 160px
}

.basic_mortgage_calculator_index .calWrap {
  width: 750px;
  margin: 0 auto;
  font-size: 24px;
  background: #f5f5f5
}

.basic_mortgage_calculator_index .calWrap .displayflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_mortgage_calculator_index .calWrap .displayflex .flexli {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.basic_mortgage_calculator_index .calWrap .cal_top {
  width: 750px;
  height: 392px;
  position: relative
}

.basic_mortgage_calculator_index .calWrap .cal_top.topjianbian {
  background: -webkit-gradient(linear, left top, right top, from(#EC4B39), to(#FF2C52));
  background: -webkit-linear-gradient(left, #EC4B39, #FF2C52);
  background: linear-gradient(to right, #EC4B39, #FF2C52)
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_nav {
  width: 360px;
  height: 58px;
  position: relative;
  top: 20px;
  margin: 0 auto
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_nav .cal_changenav {
  width: 50%;
  font-size: 26px;
  color: #fff;
  text-align: center;
  line-height: 54px;
  border: 2px solid #fff
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_nav .cal_changenav.current {
  background: #fff;
  color: #EA4C40
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_nav .cal_changenav[data-name="benxi"] {
  border-radius: 6px 0 0 6px;
  border-right: 0
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_nav .cal_changenav[data-name="benjin"] {
  border-radius: 0 6px 6px 0
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result {
  position: relative;
  top: 49px;
  padding: 0 33px;
  height: 196px
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_title {
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
  height: 29px
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_price {
  font-size: 60px;
  color: #fff;
  width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 79px
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal {
  width: 100%;
  border-right: 1px solid #fff;
  margin-top: 28px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal .htotallixinum {
  font-size: 30px
}

.basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal.cal_right {
  border-right: 0;
  text-indent: 40px
}

.basic_mortgage_calculator_index .calWrap .cal_form {
  margin-top: 20px;
  background: #fff;
  padding: 0 32px
}

.basic_mortgage_calculator_index .calWrap .cal_form .split {
  height: 14px;
  position: relative;
  width: 750px;
  left: 0;
  height: 14px;
  background: #f5f5f5;
  left: -32px
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li {
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li.border_bottom {
  position: relative
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li.border_bottom::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 718px;
  left: 0;
  height: 2px;
  background: #f5f5f5
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_leftname {
  line-height: 86px;
  color: #333;
  font-size: 30px
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap {
  width: 200px;
  font-size: 14px;
  font-weight: 400;
  right: 15px;
  left: auto
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap .select_item.select {
  color: #4F75EB;
  font-weight: bold
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap.select_lilv_wrap,
.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap.select_year_wrap {
  bottom: 90px;
  top: auto
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lanchange {
  color: #666;
  font-size: 26px;
  border: 0;
  background: transparent;
  text-align: right;
  direction: rtl;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 0;
  border: none
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .rightrow {
  width: 15px;
  height: 15px;
  border-top: 2px solid #525252;
  border-right: 2px solid #525252;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum {
  width: 150px;
  height: 80px;
  line-height: 80px;
  border: 0;
  text-align: right;
  font-size: 26px;
  color: #666;
  padding: 0 10px
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum::-webkit-input-placeholder {
  color: #c0c4cc
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum::-moz-placeholder {
  color: #c0c4cc
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum:-ms-input-placeholder {
  color: #c0c4cc
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum::-ms-input-placeholder {
  color: #c0c4cc
}

.basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum::placeholder {
  color: #c0c4cc
}

.basic_mortgage_calculator_index .calWrap .tips {
  color: #999;
  font-size: 22px;
  padding: 14px 31px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap {
  width: 100%;
  font-size: 12px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top {
  width: 100%;
  height: 186px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_nav {
  width: 180px;
  height: 29px;
  top: 10px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_nav .cal_changenav {
  font-size: 13px;
  line-height: 27px;
  border: 1px solid #fff
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result {
  top: 25px;
  padding: 0 16px;
  height: 88px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_title {
  font-size: 12px;
  height: 15px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_price {
  font-size: 30px;
  height: 40px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal {
  margin-top: 14px;
  height: 20px;
  line-height: 20px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal .htotallixinum {
  font-size: 15px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_top .cal_result .cal_resultli .cal_hktotal.cal_right {
  text-indent: 20px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form {
  margin-top: 10px;
  background: #fff;
  padding: 0 16px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .split {
  height: 7px;
  width: 375px;
  left: 0;
  height: 7px;
  left: -16px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li {
  height: 45px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li.border_bottom::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 359px;
  left: 0;
  height: 2px;
  background: #f5f5f5
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_leftname {
  line-height: 48px;
  font-size: 15px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap.select_lilv_wrap,
.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .select_list_wrap.select_year_wrap {
  bottom: 50px;
  top: auto
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect /deep/ .el-input__inner {
  font-size: 13px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect /deep/ .el-select__caret {
  display: none
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lanchange {
  font-size: 13px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .rightrow {
  width: 8px;
  height: 8px;
  border-top: 1px solid #525252;
  border-right: 1px solid #525252
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .cal_form .cal_li .cal_rightselect .lannum {
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 13px
}

.mb_pattern .basic_mortgage_calculator_index .calWrap .tips {
  color: #999;
  font-size: 12px;
  padding: 7px 16px
}

.basic_show_information_index .basic_show_information .module_content {
  position: relative;
  font-size: 14px
}

.basic_show_information_index .basic_show_information .module_content .product_list_0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 {
  padding: 0 60px;
  position: relative
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide {
  height: auto
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide .list_one {
  height: 100%;
  padding: 10px;
  margin: 0 !important;
  width: 100% !important
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .arrow {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  outline: 0
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 18px;
  background: url("../img/backimg1.png") -23px -268px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%)
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .prev {
  left: 10px
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .next {
  right: 10px
}

.basic_show_information_index .basic_show_information .module_content .product_list_1 .next:before {
  background-position-x: -53px;
  left: 54%
}

.basic_show_information_index .basic_show_information .module_content .product_list_2 .list_one {
  width: calc(100% - 20px);
  padding: 20px;
  overflow: visible
}

.basic_show_information_index .basic_show_information .module_content .product_list_2 .list_one .list_content_frame {
  margin-left: 24px
}

.basic_show_information_index .basic_show_information .module_content .product_list_2 .list_one .list_content_frame .one-name {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px
}

.basic_show_information_index .basic_show_information .module_content .product_list_2 .list_one .list_content_frame .one-date {
  font-size: 14px;
  font-weight: 400;
  color: #999999
}

.basic_show_information_index .basic_show_information .module_content .product_list_2 .list_one .list_one_wrap {
  padding: 10px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_show_information_index .basic_show_information .module_content .product_list_3 .list_one {
  width: 100%;
  padding: 10px;
  margin-bottom: 48px
}

.basic_show_information_index .basic_show_information .module_content .product_list_3 .list_one:last-child {
  margin-bottom: 0
}

.basic_show_information_index .basic_show_information .module_content .product_list_3 .list_one .list_one_wrap {
  padding: 10px
}

.basic_show_information_index .basic_show_information .module_content .product_list_3 .list_one .list_one_wrap .list_content_frame .one-name {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
  color: #333
}

.basic_show_information_index .basic_show_information .module_content .product_list_3 .list_one .list_one_wrap .list_content_frame .one-date {
  font-size: 14px;
  font-weight: 400;
  color: #999999
}

.basic_show_information_index .list_one {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  width: calc(25% - 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top
}

.basic_show_information_index .list_one .list_one_wrap {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 5%;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #333
}

.basic_show_information_index .list_one .list_one_wrap .list_img_frame {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden
}

.basic_show_information_index .list_one .list_one_wrap .list_img_frame .list_img {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.basic_show_information_index .list_one .list_one_wrap .list_img_frame .list_img .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/backimg1.png) -116px -196px no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
  cursor: pointer
}

.basic_show_information_index .list_one .list_one_wrap .list_content_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left
}

.basic_show_information_index .list_one .list_one_wrap .list_content_frame .one-name {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 16px
}

.basic_show_information_index .list_one .list_one_wrap .list_content_frame .one-date {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.basic_show_information_index .list_one .border_bottom_transition {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: transparent
}

.basic_show_information_index .list_one .border_bottom_transition::before {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: inherit
}

.basic_show_information_index .list_one .border_bottom_transition::after,
.basic_show_information_index .list_one .border_bottom_transition::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: -webkit-transform 0.36s ease;
  -webkit-transition: -webkit-transform 0.36s ease;
  transition: transform 0.36s ease;
  transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_show_information_index .product_list_0 .list_one {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mb_pattern .basic_show_information_index .basic_show_information .list_content_frame {
  text-align: left;
  margin: 6px
}

.mb_pattern .basic_show_information_index .basic_show_information .list_content_frame .product_name_wrap {
  margin-top: 0 !important;
  margin-bottom: 5px !important
}

.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list {
  width: 100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap
}

.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list .list_one {
  width: 45%;
  text-align: left;
  padding: 10px;
  margin: 0 !important
}

.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list::-webkit-scrollbar {
  height: 0px
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_0 .list_one .list_one_wrap,
.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_0 .list_one .list_one_wrap .list_content_frame .one-name,
.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list .list_one .list_one_wrap .list_content_frame .one-name {
  margin-bottom: 8px
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_0 .list_one .list_one_wrap .list_content_frame .one-date,
.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list .list_one .list_one_wrap .list_content_frame .one-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_0 .list_one .list_one_wrap .list_content_frame .one-date .date-detail,
.mb_pattern .basic_show_information_index .basic_show_information .mb_swiper_list .list_one .list_one_wrap .list_content_frame .one-date .date-detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_2 .list_one {
  padding: 0;
  margin: 5px;
  overflow: visible;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_2 .list_one .list_img_frame {
  width: 30.4%;
  padding-bottom: 30.4%;
  float: left
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_2 .list_one .product_name_wrap {
  margin: 6px !important
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_2 .list_one .list_content_frame {
  width: 69.6%;
  display: inline-block;
  float: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_2 .list_one .list_content_frame .one-name {
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  color: #333333;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 {
  margin-top: 0
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 .list_one {
  text-align: left;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0 15px;
  margin-bottom: 40px
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 .list_one .list_one_wrap {
  padding: 0
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 .list_one .list_one_wrap .list_content_frame {
  margin: 0
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 .list_one .list_one_wrap .list_content_frame .one-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 16px;
  color: #333
}

.mb_pattern .basic_show_information_index .basic_show_information .product_list_3 .list_one .list_one_wrap .list_content_frame .one-date {
  font-size: 14px;
  font-weight: 400;
  color: #999999
}

.mb_pattern .basic_show_information_index .basic_show_information .module_content .product_list_1 {
  padding: 0
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city {
  padding-bottom: 11px;
  border-bottom: 1px solid #D8DCE6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .filter-title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .city-list {
  background: #F1F4FF;
  border-radius: 2px;
  padding: 9px 10px;
  margin-left: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .city-list .address-icon {
  width: 16px;
  height: 16px;
  background: url(../img/address_icon.png);
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  margin-right: 4px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap {
  position: absolute;
  top: 40px;
  left: 0;
  width: 380px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  z-index: 2
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  background: #f0f0f0;
  font-size: 13px;
  position: relative
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .title .province-title {
  padding: 8px 22px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid transparent;
  color: #4D4D4D;
  text-align: center;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: -1px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .title .province-title.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #4F75EB;
  border-radius: 2px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .title .close-icon {
  position: absolute;
  right: 20px;
  font-size: 16px;
  line-height: 38px;
  cursor: pointer
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .city-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 15px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .city-wrap .city-item {
  padding: 5px 10px;
  outline: 0;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 2px;
  text-decoration: none;
  color: #333;
  cursor: pointer
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-city .province_wrap .city-wrap .city-item.active {
  color: #4F75EB;
  background: #F1F4FF
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-title {
  margin-right: 20px;
  white-space: nowrap;
  padding-top: 20px;
  line-height: 1
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
  overflow: hidden;
  max-height: 208px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .filter-choose {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  align-items: center;
  padding: 20px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  height: 57px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .filter-choose.wrap {
  height: auto;
  overflow-y: auto
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .filter-choose.wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .filter-choose .option-list {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 32px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .filter-choose .option-list .check {
  margin: 0;
  margin-right: 8px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .show-right {
  padding-top: 20px;
  margin-left: 10px;
  color: #4F75EB;
  cursor: pointer
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .show-right .iconfont {
  font-size: 12px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .show-right .arrow-icon.arrow-icon-rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content.filter-content-time {
  position: relative
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content.filter-content-time .time-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 274px;
  top: 20px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .date-choose {
  width: 300px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E8E8F0;
  margin: 9px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  color: #666;
  z-index: 1;
  background: transparent
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .date-choose.time-color {
  color: #BFBFBF
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .only_today {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .filter-content .only_today input {
  margin: 0 8px 0 24px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .time-picker {
  margin: 9px 0
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .today {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-left: 24px
}

.basic_steel_price_query_index .content-wrap .filter-wrap .filter-list .today /deep/ .el-checkbox__label {
  color: #666666
}

.basic_steel_price_query_index .content-wrap .filter-top {
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-weight: 500;
  color: #333333
}

.basic_steel_price_query_index .content-wrap .filter-top.result {
  margin-top: 24px
}

.basic_steel_price_query_index .content-wrap .table-content {
  width: 100%;
  overflow-x: auto
}

.basic_steel_price_query_index .content-wrap .table-result {
  border-collapse: collapse;
  min-width: 100%
}

.basic_steel_price_query_index .content-wrap .table-result .td-boader {
  border: 1px solid #EBEBEB;
  padding: 13px 8px 11px 8px;
  font-weight: 400;
  white-space: nowrap
}

.basic_steel_price_query_index .content-wrap .table-result .table-thead {
  background: #FAFAFA
}

.basic_steel_price_query_index .content-wrap .no-data {
  width: 100%;
  text-align: center
}

.basic_steel_price_query_index .content-wrap .no-data .jz_empty_tips__img {
  width: 128px;
  height: 128px;
  background: url(../img/default_article.png);
  margin: 0 auto;
  display: block
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap {
  height: 48px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #F9F9F9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list:last-child {
  border-right: none
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list .city-title {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  margin-right: 12px
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list .city-txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list .city {
  font-size: 14px;
  font-weight: 400;
  color: #4F75EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basic_steel_price_query_index .content-wrap .filter-mb-wrap .filter-mb-list .city .address-icon {
  width: 16px;
  height: 16px;
  background: url(../img/address_icon.png);
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px
}

.mb_pattern .basic_steel_price_query_index .content-wrap .result {
  text-align: center
}

.mb_pattern .basic_steel_price_query_index .content-wrap .table-content {
  margin: 0 20px;
  width: calc(100% - 40px)
}

.mb_pattern .basic_steel_price_query_index .query-container {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3006
}

.mb_pattern .basic_steel_price_query_index .query-container .opc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: RGBA(127, 127, 127, 1)
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap {
  width: 335px;
  height: 630px;
  background: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 0px 17px 24px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .close {
  position: absolute;
  font-size: 14px;
  right: 16px;
  top: 16px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .city-top {
  margin-right: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 11px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .city-top .city-title {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  margin-right: 12px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .city-top .city {
  padding: 0 10px;
  height: 36px;
  background: #E5EBFC;
  border-radius: 4px;
  color: #4F75EB;
  font-size: 14px;
  margin-left: 10px;
  text-align: center;
  line-height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .city-top .city .address-icon {
  width: 16px;
  height: 16px;
  background: url(../img/address_icon.png);
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .btn-wrap {
  margin-right: 24px;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .btn-wrap .btn-list {
  width: 88px;
  height: 32px;
  border: 1px solid #4F75EB;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .btn-wrap .btn-list.btn-sure {
  background: #4F75EB;
  border: none;
  color: #fff;
  margin-left: 20px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding-right: 24px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .query-title {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 15px;
  margin-top: 21px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .query-list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .query-list-wrap .select {
  height: 36px;
  background: #F4F4F4;
  border-radius: 4px;
  line-height: 36px;
  padding: 0 8px;
  margin: 0 8px 8px 0;
  font-size: 14px;
  font-weight: 400;
  color: #666666
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .query-list-wrap .select.active {
  background: #E5EBFC;
  color: #4F75EB !important
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .date-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  overflow: hidden
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .date-time .time-list {
  text-align: center;
  height: 34px;
  border: 1px solid #E7E7E7;
  width: 120px
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .date-time .time-list.time-color {
  color: #BFBFBF
}

.mb_pattern .basic_steel_price_query_index .query-container .query-wrap .scroll-wrap .query-list .only_today_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes moveInLeft {
  0% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes moveInLeft {
  0% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes moveInRight {
  0% {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes moveInRight {
  0% {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes moveInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes moveInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes moveInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes moveInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
  }
}

@-webkit-keyframes elasticLarge {

  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes elasticLarge {

  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes elasticSmall {
  0% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 1
  }

  80% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  90% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes elasticSmall {
  0% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 1
  }

  80% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  90% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@-webkit-keyframes bounceIn {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes bounceInDown {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes bounceInRight {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes bounceInLeft {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes bounceInUp {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes flash {

  50%,
  from,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  50%,
  from,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@-webkit-keyframes flipUpDown {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipUpDown {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes flipLeftRight {
  0% {
    opacity: 0
  }

  1% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipLeftRight {
  0% {
    opacity: 0
  }

  1% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes flip {
  0% {
    opacity: 0
  }

  1% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flip {
  0% {
    opacity: 0
  }

  1% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  99% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.aaa {
  width: 100px
}

.animationBox {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-transition: all .36s ease;
  transition: all .36s ease
}

.animationBox .animationImg {
  -webkit-transition: all .36s ease;
  transition: all .36s ease
}

.jz_photo_scale_normal {
  -webkit-transition: all .36s ease;
  transition: all .36s ease
}

.jz_animate_go .jz_photo_scale_normal {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08)
}

.animationBox:hover .jz_photo_scale_normal {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08)
}

.jz_photo_scale_normal2 {
  -webkit-animation: 0.6s ease 0s 1 normal none running none;
  animation: 0.6s ease 0s 1 normal none running none
}

.jz_animate_go .jz_photo_scale_normal2 {
  -webkit-animation: 0s ease 0s 1 normal none running elasticLarge;
  animation: 0s ease 0s 1 normal none running elasticLarge
}

.elasticLarge {
  -webkit-animation-name: elasticLarge;
  animation-name: elasticLarge
}

.animationBox:hover .jz_photo_scale_normal2 {
  -webkit-animation: 0s ease 0s 1 normal none running elasticLarge;
  animation: 0s ease 0s 1 normal none running elasticLarge
}

@-webkit-keyframes elasticLarge {

  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes elasticLarge {

  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.jz_photo_border_effect_0,
.jz_photo_border_effect_1,
.jz_photo_border_effect_2,
.jz_photo_border_effect_3 {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.jz_border_effect_top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 2px
}

.jz_border_effect_right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 2px;
  height: 0
}

.jz_border_effect_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 0;
  height: 2px
}

.jz_border_effect_left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 2px;
  height: 0
}

.jz_photo_scale {
  -webkit-transition: all .36s ease;
  transition: all .36s ease;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.jz_photo_direction_bottom,
.jz_photo_direction_left,
.jz_photo_direction_right,
.jz_photo_direction_top {
  overflow: hidden
}

.jz_animate_go.jz_photo_direction_left .animationImg {
  -webkit-transform: scale(1.1) translateX(-4%);
  -ms-transform: scale(1.1) translateX(-4%);
  transform: scale(1.1) translateX(-4%)
}

.jz_photo_direction_left:hover .animationImg {
  -webkit-transform: scale(1.1) translateX(-4%);
  -ms-transform: scale(1.1) translateX(-4%);
  transform: scale(1.1) translateX(-4%)
}

.jz_animate_go.jz_photo_direction_right .animationImg {
  -webkit-transform: scale(1.1) translateX(4%);
  -ms-transform: scale(1.1) translateX(4%);
  transform: scale(1.1) translateX(4%)
}

.jz_photo_direction_right:hover .animationImg {
  -webkit-transform: scale(1.1) translateX(4%);
  -ms-transform: scale(1.1) translateX(4%);
  transform: scale(1.1) translateX(4%)
}

.jz_animate_go.jz_photo_direction_top .animationImg {
  -webkit-transform: scale(1.1) translateY(-4%);
  -ms-transform: scale(1.1) translateY(-4%);
  transform: scale(1.1) translateY(-4%)
}

.jz_photo_direction_top:hover .animationImg {
  -webkit-transform: scale(1.1) translateY(-4%);
  -ms-transform: scale(1.1) translateY(-4%);
  transform: scale(1.1) translateY(-4%)
}

.jz_animate_go.jz_photo_direction_bottom .animationImg {
  -webkit-transform: scale(1.1) translateY(4%);
  -ms-transform: scale(1.1) translateY(4%);
  transform: scale(1.1) translateY(4%)
}

.jz_photo_direction_bottom:hover .animationImg {
  -webkit-transform: scale(1.1) translateY(4%);
  -ms-transform: scale(1.1) translateY(4%);
  transform: scale(1.1) translateY(4%)
}

.effect_background_box .effect_background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

.animationBox.effect_background_box:hover .effect_background {
  opacity: 1
}

.animationBox.effect_background_box:hover .jz_photo_small_effect_0 {
  opacity: 0.5
}

.animationBox.effect_background_box:hover .jz_photo_small_effect_1 {
  opacity: 0.5
}

.jz_animate_go .jz_photo_small_effect_0 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.jz_animate_go .jz_photo_small_effect_1 {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

.jz_animate_go.effect_background_box .effect_background {
  opacity: 1
}

.jz_animate_go.effect_background_box.effect_background_box .jz_photo_small_effect_0,
.jz_animate_go.effect_background_box.effect_background_box .jz_photo_small_effect_1 {
  opacity: 0.5
}

.jz_photo_small_effect_0 {
  -webkit-transition: all .35s;
  transition: all .35s;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.animationBox:hover .jz_photo_small_effect_0 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.jz_photo_small_effect_1 {
  -webkit-transition: all .35s;
  transition: all .35s;
  -webkit-transform: translate3d(-6%, 0, 0) scale(1.12);
  transform: translate3d(-6%, 0, 0) scale(1.12)
}

.animationBox:hover .jz_photo_small_effect_1 {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

.jz_photo_layer_amimate {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none
}

.jz_photo_layer_amimate .icon-fangdajing {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5)
}

.mb_pattern .module_text_font_size_frame [style*="font-size:15"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 15"] {
  font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:16"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 16"] {
  font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:17"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 17"] {
  font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:18"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 18"] {
  font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:19"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 19"] {
  font-size: 16px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:20"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 20"] {
  font-size: 16px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:21"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 21"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:22"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 22"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:23"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 23"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:24"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 24"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:25"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 25"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:26"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 26"] {
  font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:27"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 27"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:28"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 28"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:29"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 29"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:30"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 30"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:31"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 31"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:32"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 32"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:33"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 33"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:34"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 34"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:35"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 35"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:36"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 36"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:37"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 37"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:38"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 38"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:39"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 39"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:40"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 40"] {
  font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:41"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 41"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:42"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 42"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:43"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 43"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:44"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 44"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:45"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 45"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:46"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 46"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:47"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 47"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:48"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 48"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:49"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 49"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:50"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 50"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:51"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 51"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:52"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 52"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:53"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 53"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:54"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 54"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:55"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 55"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:56"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 56"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:57"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 57"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:58"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 58"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:59"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 59"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:60"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 60"] {
  font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:61"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 61"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:62"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 62"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:63"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 63"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:64"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 64"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:65"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 65"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:66"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 66"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:67"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 67"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:68"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 68"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:69"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 69"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:70"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 70"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:71"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 71"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:72"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 72"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:73"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 73"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:74"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 74"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:75"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 75"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:76"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 76"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:77"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 77"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:78"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 78"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:79"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 79"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:80"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 80"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:81"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 81"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:82"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 82"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:83"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 83"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:84"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 84"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:85"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 85"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:86"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 86"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:87"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 87"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:88"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 88"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:89"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 89"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:90"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 90"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:91"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 91"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:92"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 92"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:93"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 93"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:94"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 94"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:95"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 95"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:96"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 96"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:97"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 97"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:98"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 98"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:99"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 99"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:100"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 100"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:101"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 101"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:102"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 102"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:103"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 103"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:104"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 104"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:105"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 105"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:106"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 106"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:107"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 107"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:108"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 108"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:109"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 109"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:110"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 110"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:111"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 111"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:112"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 112"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:113"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 113"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:114"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 114"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:115"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 115"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:116"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 116"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:117"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 117"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:118"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 118"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:119"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 119"] {
  font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:120"],
.mb_pattern .module_text_font_size_frame [style*="font-size: 120"] {
  font-size: 30px !important
}

@media screen and (min-width: 1367px) and (max-width: 1600px) {
  .pc_pattern .basic_webtitle_content [data-size="14"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="16"] {
    font-size: 14px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="18"] {
    font-size: 16px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="20"] {
    font-size: 18px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="24"] {
    font-size: 22px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="30"] {
    font-size: 28px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="36"] {
    font-size: 34px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="48"] {
    font-size: 46px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="60"] {
    font-size: 58px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="72"] {
    font-size: 70px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="84"] {
    font-size: 82px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="96"] {
    font-size: 94px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="108"] {
    font-size: 106px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="120"] {
    font-size: 118px !important
  }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  .pc_pattern .basic_webtitle_content [data-size="14"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="16"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="18"] {
    font-size: 14px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="20"] {
    font-size: 16px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="24"] {
    font-size: 20px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="30"] {
    font-size: 26px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="36"] {
    font-size: 32px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="48"] {
    font-size: 44px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="60"] {
    font-size: 56px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="72"] {
    font-size: 68px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="84"] {
    font-size: 80px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="96"] {
    font-size: 92px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="108"] {
    font-size: 104px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="120"] {
    font-size: 116px !important
  }
}

@media screen and (max-width: 1280px) {
  .pc_pattern .basic_webtitle_content [data-size="14"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="16"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="18"] {
    font-size: 12px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="20"] {
    font-size: 14px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="24"] {
    font-size: 18px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="30"] {
    font-size: 24px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="36"] {
    font-size: 30px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="48"] {
    font-size: 42px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="60"] {
    font-size: 54px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="72"] {
    font-size: 66px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="84"] {
    font-size: 78px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="96"] {
    font-size: 90px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="108"] {
    font-size: 102px !important
  }

  .pc_pattern .basic_webtitle_content [data-size="120"] {
    font-size: 114px !important
  }
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\F101"
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play-circle:before {
  content: "\F102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109"
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-square:before {
  content: "\F10A"
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-spinner:before {
  content: "\F10B"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\F10C"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\F10D"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E"
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-share:before {
  content: "\F10F"
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-cog:before {
  content: "\F110"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\F111"
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle-outline:before {
  content: "\F112"
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle-inner-circle:before {
  content: "\F113"
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-hd:before {
  content: "\F114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116"
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-facebook:before {
  content: "\F117"
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-gplus:before {
  content: "\F118"
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-linkedin:before {
  content: "\F119"
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-twitter:before {
  content: "\F11A"
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-tumblr:before {
  content: "\F11B"
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-pinterest:before {
  content: "\F11C"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E"
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-next-item:before {
  content: "\F11F"
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-previous-item:before {
  content: "\F120"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F121"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F122"
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  word-break: initial
}

.video-js:-moz-full-screen {
  position: absolute
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}

.video-js[tabindex="-1"] {
  outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0
}

.video-js.vjs-16-9 {
  padding-top: 56.25%
}

.video-js.vjs-4-3 {
  padding-top: 75%
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-hidden {
  display: none !important
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto
}

.video-js .vjs-modal-dialog>* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}

.vjs-menu-button {
  cursor: pointer
}

.vjs-menu-button.vjs-disabled {
  cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  overflow: auto
}

.vjs-menu .vjs-menu-content>* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
  touch-action: none
}

.video-js .vjs-progress-control.disabled {
  cursor: default
}

.vjs-live .vjs-progress-control {
  display: none
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.vjs-no-flex .vjs-progress-control {
  width: auto
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0
}

.video-js .vjs-play-progress {
  background-color: #fff
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
  cursor: default
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}

.vjs-has-started .vjs-poster {
  display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}

.vjs-using-native-controls .vjs-poster {
  display: none
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.vjs-live .vjs-time-control {
  display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none
}

.vjs-time-divider {
  display: none;
  line-height: 3em
}

.vjs-live .vjs-time-divider {
  display: none
}

.video-js .vjs-play-control {
  cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em
}

.vjs-subtitles {
  color: #fff
}

.vjs-captions {
  color: #fc6
}

.vjs-tt-cue {
  display: block
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: white
  }

  60% {
    border-top-color: #73859f
  }

  100% {
    border-top-color: #73859f
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: white
  }

  60% {
    border-top-color: #73859f
  }

  100% {
    border-top-color: #73859f
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}

.vjs-track-setting>select {
  margin-right: 1em;
  margin-bottom: 0.5em
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none
}

.vjs-text-track-settings fieldset span {
  display: inline-block
}

.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}

@media print {
  .video-js>*:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none
}

#u654700 .banner_frame {
  width: 100.0%;
}

#u654700 .banner_frame .padding_bottom_swiper_frame {
  padding-bottom: 18.3%;
}

#u654700 .swiper-slide {
  background-size: cover;
}

#u654700 .swiper-slide .webp_img_frame img {
  object-fit: cover;
}

#u654700 .fk_adsorptionRound_current {
  background: rgba(229, 229, 229, 1);
}

#u654700 .fk_adsorptionRound_num_activity {
  background: rgba(229, 229, 229, 1);
}

#u654700 .fk_imageSwitchBtn_adsorptionRound.adsorptionRound_active {
  background: rgba(229, 229, 229, 1);
}

#u654700 .fk_imageSwitchBtn_adsorptionRound {
  background: rgba(0, 0, 0, 0.1);
}

#u654700 .fk_imageSwitchBtn_adsorptionRound:hover {
  background: rgba(229, 229, 229, 1);
}

#u654700 .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num {
  color: rgba(255, 255, 255, 1);
}

#u654700 .video_frame .video_height {
  padding-bottom: 42.0%;
}

#u654700 div.banner_short_line_wrap .pic_short_line_btn_activity {
  background: rgba(229, 229, 229, 1);
}

#u654700 .banner_short_line_wrap .pic_short_line_btn .pic_short_line:hover {
  width: 26px;
  background: rgba(229, 229, 229, 1);
}

#u654700 .banner_short_line_wrap .pic_short_line_btn .pic_short_line {
  background: rgba(0, 0, 0, 0.1);
}

#u654700 .banner_btn {
  background: rgba(0, 0, 0, 0.1);
}

#u654700 .banner_btn:hover {
  background: rgba(229, 229, 229, 1);
}

#u654700 .fk_rightColorArrowsImg {
  background: rgba(0, 0, 0, 0.1);
}

#u654700 .fk_rightColorArrowsImg:hover {
  background: rgba(229, 229, 229, 1);
}

#u654700 .one_big_block {
  border-color: rgba(0, 0, 0, 0.1);
}

#u654700 .one_big_block.big_block_btn_select {
  border-color: rgba(229, 229, 229, 1);
}

#u654700 .one_big_block:hover {
  border-color: rgba(229, 229, 229, 1);
}

#u654700 .banner_frame .arrow_btn_next,
#u654700 .banner_frame .arrow_btn_prev {
  color: rgba(255, 255, 255, 1);
}

#u654700 .banner_frame .arrow_btn_next .mock-after,
#u654700 .banner_frame .arrow_btn_prev .mock-after {
  background: rgba(255, 255, 255, 1);
}

#u654700 .banner_btn {
  color: rgba(255, 255, 255, 1);
}

#u654700 .fk_rightColorArrowsImg {
  color: rgba(255, 255, 255, 1);
}

.pc_pattern #u654701 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u654701 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u654701 {
  order: 0;
}

.pc_pattern #u654702 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u654702 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u654702 {
  order: 1;
}

.pc_pattern #u450500 {
  border-color: '';
  border-style: '';
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(238, 238, 238, 1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u450500 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 0.2618%;
  padding-bottom: 0.2618%;
}

.pc_pattern #u450500 .laybox {
  max-width: 1440px;
}

.mb_pattern #u450500 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u450500 .laybox {
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.pc_pattern #u450501 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u450501 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u450501 {
  order: 0;
}

#u450502 .basic_crumbs_list {
  display: flex;
  align-items: center;
  overflow-x: auto;
}

#u450502 .normal {
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding-right: 5px;
  white-space: nowrap;
  display: inline-block;
}

#u450502 .in_actived {
  white-space: nowrap;
  font-family: 微软雅黑;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: normal;
  -webkit-background-clip: text;
  color: rgba(51, 51, 51, 1);
}

#u450502 .actived {
  color: rgba(217, 0, 0, 1);
}

.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #d2d2d2;
  transition: background-color .3s;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #d2d2d2;
}

.mb_pattern #u450502 {
  display: none;
}

.mb_pattern #u450502 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.pc_pattern #u450502 {
  margin-top: 1.4084507042253522%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.pc_pattern #u450503 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u450503 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u450503 {
  order: 1;
}

.pc_pattern #u450504 .my_title_index {
  display: none;
}

.pc_pattern #u450504 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u450504 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u450504 .my_title_index {
  display: none;
}

.mb_pattern #u450504 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u450504 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.pc_pattern #u450504 .module_content .searchs_content .searchs_btn_content span {
  line-height: 36px;
  color: #fff;
  font-size: 25px;
}

.mb_pattern #u450504 .module_content .searchs_content .searchs_btn_content span {
  line-height: 40px;
  color: #fff;
  font-size: 25px;
}

#u450504 .module_content .searchs_content.type_4 .searchs_btn_content span {
  color: rgba(217, 0, 0, 1);
}

#u450504 .module_content .searchs_content.type_5 .searchs_btn_content span {
  color: #808080;
}

#u450504 .searchs_content {
  border-color: rgba(217, 0, 0, 1);
}

#u450504 .searchs_content.type_1 {
  background: rgba(217, 0, 0, 1);
}

#u450504 .basic_searchs .searchs_content.withBorder.type_5,
#u450504 .basic_searchs .searchs_content.withBorder.type_4 {
  border-color: #ebebeb;
}

#u450504 .searchs_content.type_5,
#u450504 .searchs_content.type_4 {
  border-color: #ebebeb;
}

#u450504 .searchs_content .searchs_btn_content {
  background-color: rgba(217, 0, 0, 1);
}

#u450504 .searchs_content.withBorder.type_2,
#u450504 .searchs_content.withBorder.type_3 {
  border-color: #ebebeb;
}

#u450504 .searchs_content.type_4 .searchs_btn_content,
#u450504 .searchs_content.type_5 .searchs_btn_content {
  background: #fff;
}

#u450504 .searchs_content.solidColor.type_5 .searchs_btn_content,
#u450504 .searchs_content.solidColor.type_4 .searchs_btn_content {
  color: rgba(217, 0, 0, 1);
}

#u450504 .module_banner .module_banner_text {
  color: rgba(217, 0, 0, 1);
}

#u450504 .site_search_dropdown .search_content_words:hover {
  background-color: rgba(217, 0, 0, 1);
}

.pc_pattern #u450504 .searchs_content.solidColor {
  border-width: 0;
}

.pc_pattern #u450504 .basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content,
.pc_pattern #u450504 .basic_searchs .searchs_content.solidColor.type_4 .searchs_btn_content {
  background-color: #f1f1f1;
}

#u450504 .basic_searchs .searchs_content.type_0 .searchs_btn_content span,
#u450504 .basic_searchs .searchs_content.type_1 .searchs_btn_content span {
  font-size: 15px;
  padding: 0;
  text-align: center;
}

.pc_pattern #u450504 .module_content.height_fill {
  height: 50px;
}

#u450504 .searchs_content.solidColor.type_4 .searchs_btn_content,
#u450504 .searchs_content.solidColor.type_5 .searchs_btn_content {
  background-color: #f1f1f1;
}

#u450504 .searchs_content.type_6 {
  border: none;
  position: relative;
  overflow: unset;
  background-color: transparent;
}

#u450504 .searchs_content.type_6 .iconShow {
  border-radius: 3px;
  background-color: transparent;
  color: rgba(217, 0, 0, 1);
}

#u450504 .searchs_content.type_2 .searchs_btn_content {
  border-radius: 3px;
  background-color: rgba(217, 0, 0, 1);
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#u450504 .module_content .searchs_content.type_6 .iconShow span {
  color: rgba(217, 0, 0, 1);
  line-height: 40px;
  font-size: 25px;
}

#u450504 .module_content .searchs_content.type_6 .iconShow {
  box-sizing: border-box;
  width: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

#u450504 .module_content .searchs_content.type_2 .searchs_btn_content span {
  color: #fff;
}

#u450504 .module_content .searchs_content.type_6 .searchs_content.withBorder.type_2 {
  border-color: rgba(217, 0, 0, 1);
}

#u450504 .module_content .searchs_content.type_6 .searchs_content.withBorder.type_2 .searchs_btn_content {
  border-radius: 0;
}

#u450504 .searchTooltip {
  display: none;
  transform-origin: center top;
  z-index: 2023;
  position: absolute;
  top: 40px;
  left: -195px;
  border-radius: 4px;
  padding: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  background-color: #fff;
  width: 240px;
}

#u450504 .searchTooltip .arrowPart {
  border-width: 6px;
  border-bottom-color: #fff;
  border-top-color: #fff;
  border-top-width: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
  top: -5px;
  right: 13px;
}

#u450504 .searchTooltip .arrowPart,
#u450504 .searchTooltip .arrowPart::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

#u450504 .searchTooltip .arrowPart::after {
  content: " ";
  border-width: 5px;
  border-bottom-color: #FFFFFF;
  margin-left: -5px;
  border-top-width: 0;
}

#u450504 .basic_searchs .site_search_dropdown.style_type_6 {
  left: 0;
  top: unset;
  bottom: -10px;
  width: 100%;
  margin-left: 0;
  position: relative;
  box-shadow: none;
}

#u450504 .module_content .searchs_content.type_6:hover .searchTooltip {
  display: block;
}

.mb_pattern #u450504 {
  margin-top: 0%;
  margin-left: 1.733%;
  margin-right: 1.733%;
  margin-bottom: 0%;
}

.pc_pattern #u450504 {
  margin-top: 0%;
  margin-left: 15.493%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u169400 {
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u169400 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 2.0877%;
  padding-bottom: 0%;
}

.pc_pattern #u169400 .laybox {
  max-width: 1440px;
}

.mb_pattern #u169400 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u169400 .laybox {
  padding-left: 2.6667%;
  padding-right: 2.6667%;
  padding-top: 5.3333%;
  padding-bottom: 0%;
}

.pc_pattern #u169401 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u169401 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u169401 {
  order: 0;
}

.basic_text_rich_type {
  line-height: 1.5;
}

.basic_text {
  line-height: 1.5;
}

#u169402 .basic_text_rich_type .textEdit {
  line-height: 默认px;
}

.mb_pattern #u169402 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u169402 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

#u786200 .banner_frame {
  width: 100.0%;
}

#u786200 .banner_frame .padding_bottom_swiper_frame {
  padding-bottom: 18.1%;
}

#u786200 .swiper-slide {
  background-size: cover;
}

#u786200 .swiper-slide .webp_img_frame img {
  object-fit: cover;
}

#u786200 .fk_adsorptionRound_current {
  background: rgba(229, 229, 229, 1);
}

#u786200 .fk_adsorptionRound_num_activity {
  background: rgba(229, 229, 229, 1);
}

#u786200 .fk_imageSwitchBtn_adsorptionRound.adsorptionRound_active {
  background: rgba(229, 229, 229, 1);
}

#u786200 .fk_imageSwitchBtn_adsorptionRound {
  background: rgba(0, 0, 0, 0.1);
}

#u786200 .fk_imageSwitchBtn_adsorptionRound:hover {
  background: rgba(229, 229, 229, 1);
}

#u786200 .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num {
  color: rgba(255, 255, 255, 1);
}

#u786200 .video_frame .video_height {
  padding-bottom: 42%;
}

#u786200 div.banner_short_line_wrap .pic_short_line_btn_activity {
  background: rgba(229, 229, 229, 1);
}

#u786200 .banner_short_line_wrap .pic_short_line_btn .pic_short_line:hover {
  width: 26px;
  background: rgba(229, 229, 229, 1);
}

#u786200 .banner_short_line_wrap .pic_short_line_btn .pic_short_line {
  background: rgba(0, 0, 0, 0.1);
}

#u786200 .banner_btn {
  background: rgba(0, 0, 0, 0.1);
}

#u786200 .banner_btn:hover {
  background: rgba(229, 229, 229, 1);
}

#u786200 .fk_rightColorArrowsImg {
  background: rgba(0, 0, 0, 0.1);
}

#u786200 .fk_rightColorArrowsImg:hover {
  background: rgba(229, 229, 229, 1);
}

#u786200 .one_big_block {
  border-color: rgba(0, 0, 0, 0.1);
}

#u786200 .one_big_block.big_block_btn_select {
  border-color: rgba(229, 229, 229, 1);
}

#u786200 .one_big_block:hover {
  border-color: rgba(229, 229, 229, 1);
}

#u786200 .banner_frame .arrow_btn_next,
#u786200 .banner_frame .arrow_btn_prev {
  color: rgba(255, 255, 255, 1);
}

#u786200 .banner_frame .arrow_btn_next .mock-after,
#u786200 .banner_frame .arrow_btn_prev .mock-after {
  background: rgba(255, 255, 255, 1);
}

#u786200 .banner_btn {
  color: rgba(255, 255, 255, 1);
}

#u786200 .fk_rightColorArrowsImg {
  color: rgba(255, 255, 255, 1);
}

.pc_pattern #u786201 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u786201 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u786201 {
  order: 0;
}

.pc_pattern #u786202 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u786202 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u786202 {
  order: 1;
}

.pc_pattern #u786203 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u786203 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u786203 {
  order: 2;
}

.pc_pattern #u786204 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u786204 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u786204 {
  order: 3;
}

.pc_pattern #u916300 {
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u916300 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 1.5658%;
  padding-bottom: 0%;
}

.pc_pattern #u916300 .laybox {
  max-width: 1440px;
}

.mb_pattern #u916300 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u916300 .laybox {
  padding-left: 2.6667%;
  padding-right: 2.6667%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.pc_pattern #u916301 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0.7042%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u916301 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u916301 {
  order: 0;
}

.pc_pattern #u916302 .my_title_index {
  display: none;
}

.pc_pattern #u916302 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u916302 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u916302 .my_title_index {
  display: none;
}

.mb_pattern #u916302 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u916302 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u916302 .content_detail {
  padding: 0;
}

.pc_pattern #u916302 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916302 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916302 {
  margin-top: 2.6667%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u916302 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0%;
  margin-bottom: 0;
}

.pc_pattern #u916303 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0.7042%;
  margin-right: 0.7042%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u916303 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u916303 {
  order: 1;
}

.pc_pattern #u916304 .my_title_index {
  display: none;
}

.pc_pattern #u916304 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u916304 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u916304 .my_title_index {
  display: none;
}

.mb_pattern #u916304 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u916304 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u916304 .content_detail {
  padding: 0;
}

.pc_pattern #u916304 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916304 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916304 {
  margin-top: 2.6667%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u916304 {
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0;
}

.pc_pattern #u916305 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0.7042%;
  margin-right: 0.7042%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u916305 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u916305 {
  order: 2;
}

.pc_pattern #u916306 .my_title_index {
  display: none;
}

.pc_pattern #u916306 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u916306 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u916306 .my_title_index {
  display: none;
}

.mb_pattern #u916306 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u916306 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u916306 .content_detail {
  padding: 0;
}

.pc_pattern #u916306 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916306 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916306 {
  margin-top: 2.6667%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u916306 {
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0;
}

.pc_pattern #u916307 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0.7042%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u916307 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u916307 {
  order: 3;
}

.pc_pattern #u916308 .my_title_index {
  display: none;
}

.pc_pattern #u916308 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u916308 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u916308 .my_title_index {
  display: none;
}

.mb_pattern #u916308 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u916308 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u916308 .content_detail {
  padding: 0;
}

.pc_pattern #u916308 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916308 .basic_rich_text .rich_img_wrap {
  width: 50%;
}

.mb_pattern #u916308 {
  margin-top: 2.6667%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u916308 {
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0;
}

.pc_pattern #u827500 {
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u827500 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 1.5707%;
  padding-bottom: 0%;
}

.pc_pattern #u827500 .laybox {
  max-width: 1440px;
}

.mb_pattern #u827500 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u827500 .laybox {
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.pc_pattern #u827501 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u827501 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u827501 {
  order: 0;
}

.pc_pattern #u827502 .my_title_index {
  display: none;
}

.pc_pattern #u827502 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u827502 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u827502 .my_title_index {
  display: none;
}

.mb_pattern #u827502 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u827502 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u827502 .basic_map .map_container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.pc_pattern #u827502 .basic_map .map_wrap_line {
  padding-bottom: 28.2%;
}

.mb_pattern #u827502 .basic_map .map_wrap {
  padding: 3.2% 3.72%;
}

.mb_pattern #u827502 .basic_map .map_wrap_line {
  min-height: 260px;
  padding-bottom: 74.9279%;
}

.mb_pattern #u827502 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.pc_pattern #u827502 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0%;
  margin-bottom: 0;
}

.pc_pattern #u726900 {
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u726900 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 2.0877%;
  padding-bottom: 0%;
}

.pc_pattern #u726900 .laybox {
  max-width: 1440px;
}

.mb_pattern #u726900 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u726900 .laybox {
  padding-left: 2.6667%;
  padding-right: 2.6667%;
  padding-top: 2.6667%;
  padding-bottom: 0%;
}

.pc_pattern #u726901 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u726901 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u726901 {
  order: 0;
}

.basic_text_rich_type {
  line-height: 1.5;
}

.basic_text {
  line-height: 1.5;
}

#u726902 .basic_text_rich_type .textEdit {
  line-height: 默认px;
}

.mb_pattern #u726902 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u726902 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u864100 {
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-shadow: 0 0 0 #fff;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern #u864100 .laybox {
  padding-left: 0.5236%;
  padding-right: 0.5236%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.pc_pattern #u864100 .laybox {
  max-width: 1440px;
}

.mb_pattern #u864100 {
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: ;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern #u864100 .laybox {
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.pc_pattern #u864101 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.mb_pattern #u864101 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0 #fff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #fff;
}

.mb_pattern .col_order_pattern #u864101 {
  order: 0;
}

.pc_pattern #u864102 .my_title_index {
  display: none;
}

.pc_pattern #u864102 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.pc_pattern #u864102 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

.mb_pattern #u864102 .my_title_index {
  display: none;
}

.mb_pattern #u864102 .module_banner {
  text-align: left;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  background-image: none;
}

.mb_pattern #u864102 .module_banner .module_banner_text {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 50px;
  color: rgba(217, 0, 0, 1);
}

#u864102 .my_nleavemessage .jz_theme_focus_border_color:focus {
  border-color: rgba(217, 0, 0, 1);
}

#u864102 .my_nleavemessage .loading_img {
  display: inline-block;
  vertical-align: middle;
}

#u864102 .my_nleavemessage .form_warp {
  text-align: left;
}

#u864102 .my_nleavemessage {
  position: relative;
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  height: 100%;
  text-align: center;
}

#u864102 .my_nleavemessage .my_form .form_title {
  display: none;
}

#u864102 .form_item_wrap .jz_theme_bg_color {
  background-color: rgba(217, 0, 0, 1);
}

#u864102 .form_item_wrap .form_item .title {
  display: none;
}

#u864102 .my_nleavemessage .form_title .form_title_text {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  color: rgba(51, 51, 51, 1);
  font-family: 微软雅黑;
  font-size: 18px;
  color: rgba(51, 51, 51, 1);
}

#u864102 .my_nleavemessage .input_style {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background: #fff;
}

#u864102 .my_nleavemessage .textarea_style {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background: #fff;
}

#u864102 .my_nleavemessage .form_item .title_text {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  color: rgba(51, 51, 51, 1);
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}

#u864102 .my_nleavemessage input.input_style::-webkit-input-placeholder,
#u864102 .my_nleavemessage textarea::-webkit-input-placeholder {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(136, 136, 136, 1);
}

#u864102 .my_nleavemessage input.input_style:-moz-placeholder,
#u864102 .my_nleavemessage textarea:-moz-placeholder {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(136, 136, 136, 1);
}

#u864102 .my_nleavemessage input.input_style::-moz-placeholder,
#u864102 .my_nleavemessage textarea::-moz-placeholder {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(136, 136, 136, 1);
}

#u864102 .my_nleavemessage input.input_style:-ms-input-placeholder,
#u864102 .my_nleavemessage textarea:-ms-input-placeholder {
  -webkit-background-clip: text;
  padding-right: 10px;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: 微软雅黑;
  font-size: 14px;
  color: rgba(136, 136, 136, 1);
}

#u864102 .my_nleavemessage .input_style,
#u864102 .my_nleavemessage .textarea_style {
  background: rgba(204, 204, 204, 0.15);
  border: 1px solid rgba(224, 224, 224, 1);
}

.pc_pattern #u864102 .my_nleavemessage .input_style:hover,
.pc_pattern #u864102 .my_nleavemessage .textarea_style:hover {
  background: rgba(204, 204, 204, 0.15);
  border: 1px solid rgba(224, 224, 224, 1);
}

#u864102 .my_nleavemessage .input_style,
#u864102 .my_nleavemessage .textarea_style {
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
}

#u864102 .my_nleavemessage .form_item .check_item {
  displya: flex;
  algin-item: center;
  background: rgba(255, 255, 255, 1);
}

#u864102 .my_nleavemessage .form_item .check_item:hover {
  background: rgba(255, 255, 255, 1);
}

#u864102 .my_nleavemessage .form_item .check_item .agree {
  font-size: 13px;
  font-family: 微软雅黑, Microsoft YaHei;
  color: rgba(51, 153, 255, 1);
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#u864102 .my_nleavemessage .form_item .check_item .agree:hover {
  color: rgba(107, 195, 13, 1);
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item {
  display: flex;
  align-items: center;
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check {
  margin: 0;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check_txt {
  display: flex;
  align-items: center;
}

.basic_nleavemessage .my_nleavemessage .form_item .check_item .check_txt .agree {
  font-size: 13px;
  color: #3399ff;
}

.mb_pattern #u864102 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern #u864102 {
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}

.pc_pattern .layout_header {
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pc_pattern .layout_header .fixed_background_layer {
  background-image: none;
  background-color: rgba(255, 255, 255, 1);
  background-size: cover;
  background-repeat: no-repeat;
}

.pc_pattern .layout_header_fixed .fixed_background_layer {
  opacity: 1;
  background-position: center center;
}

.layout_footer {
  background-color: rgba(53, 56, 62, 1);
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.back_top_wrapper .back_top_btn .back_top_fill {
  border-radius: 50%;
  background-color: rgba(217, 0, 0, 1);
  color: #fff;
}

.layout_body {
  background-image: none;
  background-color: rgba(255, 255, 255, 1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.jz_border_effect_top {
  background: rgba(217, 0, 0, 1);
}

.jz_border_effect_right {
  background: rgba(217, 0, 0, 1);
}

.jz_border_effect_bottom {
  background: rgba(217, 0, 0, 1);
}

.jz_border_effect_left {
  background: rgba(217, 0, 0, 1);
}

.dialog_wrap .form_item_wrap .jz_theme_bg_color {
  background-color: rgba(217, 0, 0, 1);
}

.jz_theme_bg_color {
  background-color: rgba(217, 0, 0, 1);
}

.jz_theme_color {
  color: rgba(217, 0, 0, 1);
}

.mb_header.mb_iframe_preview {
  background-image: none;
  background-color: rgba(255, 255, 255, 1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.mb_pattern .basic_navbar .menuPart .menuList .lineDiv {
  background-color: rgba(0, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-0 .nav-item-active {
  border-color: rgba(217, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-1 .nav-item-active {
  color: rgba(217, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-1 .nav-item-active:before {
  background: rgba(217, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-1 .nav-item-active:after {
  border: 2px solid rgba(217, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-2 .nav-item-active {
  color: rgba(217, 0, 0, 1);
}

#full-page-nav.full-page-nav-style-2 .nav-item-active:after {
  background: rgba(217, 0, 0, 1);
}

.full-page-row #full-page-nav.full-page-nav-style-1 .nav-item-active:before {
  background: rgba(217, 0, 0, 1);
}

.full-page-row #full-page-nav.full-page-nav-style-1 .nav-item-active:after {
  border-color: rgba(217, 0, 0, 1);
}

.contact-us-index .contact-us-wrapper .contact-us-content .icon-default {
  background-position: -0 -0;
  border-radius: 50%;
  background-color: rgba(55, 85, 239, 1)
}

.layout_header_pc {}

@media screen and (max-width: 768px) {
  .mb_header.mb_iframe_preview {
    display: block !important;
  }

  .layout_header_pc {
    display: none !important;
  }

  .basic_navbar.mb_iframe_preview {
    display: block !important;
  }

  .pc_pattern .basic_navbar .menuPart {
    width: 20px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 27px;
    transform: translate(0, -50%);
    z-index: 100;
  }

  .pc_pattern .titleLine {
    line-height: 50px;
    height: 50px;
  }

  .pc_header .basic_mb_navbar {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
  }

  .pc_header .basic_mb_navbar {
    margin: 0 !important;
  }

  .mb_header .basic_mb_navbar {
    margin: 0 !important;
  }

  .mb_header .basic_navbar .mobilePart,
  .mb_header .basic_navbar .navPart {
    display: block;
  }
}


.cartForm {
  margin: 20px auto 80px;
}

.cartForm .list {
  font-size: 18px;
  color: #808080;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.cartForm .list .inp {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
}

.cartForm .list input {
  font-size: 16px;
  color: #888888;
  border: 1px solid #e6e6e6;
  height: 50px;
  padding: 0 10px;
  background: #f7f7f7;
  width: 100%;
}

.cartForm .list.textarea {}

.cartForm .list.textarea textarea {
  font-size: 16px;
  color: #888888;
  width: 100%;
  background: #f7f7f7;
  height: 120px;
  border: 1px solid #e6e6e6;
  padding: 10px;
}

.cartForm .last {
  margin-left: 10px;
}

.cartForm .last .btn {
  width: 250px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #d90000;
  border: 0;
}

.cartForm .last .btn.Reset {
  margin-left: 17px;
}

.cartForm .list .inp .codeImg {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
}

.seach {
  overflow: hidden;
  width: 250px;
  background: #d90000;
  height: 36px;
  border-radius: 4px;
  position: relative;
  border: 2px solid #d90000;
}

.seach .keys {
  width: 200px;
  height: 32px;
  border: 0;
  background: #FFF;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
  font-family: "微软雅黑";
  position: relative;
  z-index: 1;
}

.seach .text .btns {
  border: 0;
  background: #d90000;
  height: 32px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  padding: 0;
  width: 50px;
  font-size: 14px;
  color: #FFF;
}